From 6411ffbbfc7d143f3eb3ccf9c04ac465dab73885 Mon Sep 17 00:00:00 2001
From: Frederick Capovilla <frederick.capovilla@libeo.com>
Date: Sun, 12 Aug 2012 18:28:02 -0400
Subject: [PATCH] Bug 8597: Create new CCSR theme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Content-Type: text/plain; charset="UTF-8"

Creates a new theme for the OPAC called "ccsr." The new theme has a much
cleaner, more modern look than the prog theme, and is designed from the
ground up to work on mobile devices using media queries. A later patch
will include the mobile view.

In order to activate the theme, change the opacthemes syspref to 'ccsr'
and make sure that your opaccolorstylesheet is set to 'colors.css.'

Sponsored-by: Centre collégial des services regroupés (CCSR)

Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
All work was originally done by Frederick, but I converted his
modifications to the prog template into a new template called ccsr.

Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz>
---
 koha-tmpl/opac-tmpl/ccsr/en/css/colors.css         |  748 ++++++++++++++++++++
 .../opac-tmpl/ccsr/en/includes/doc-head-close.inc  |  132 ++++
 koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc  |  267 +++++++
 .../opac-tmpl/ccsr/en/includes/navigation.inc      |    5 +
 .../opac-tmpl/ccsr/en/includes/opac-bottom.inc     |   89 +++
 koha-tmpl/opac-tmpl/ccsr/en/js/basket.js           |  536 ++++++++++++++
 koha-tmpl/opac-tmpl/ccsr/en/js/script.js           |  110 +++
 .../ccsr/images/arrow-right-grey-11x6.png          |  Bin 0 -> 1099 bytes
 .../ccsr/images/arrow-right-grey-logo.png          |  Bin 0 -> 1064 bytes
 .../opac-tmpl/ccsr/images/bg-result-light.png      |  Bin 0 -> 1064 bytes
 .../opac-tmpl/ccsr/images/bg-results-control.png   |  Bin 0 -> 1023 bytes
 koha-tmpl/opac-tmpl/ccsr/images/bg-search-bar.png  |  Bin 0 -> 1024 bytes
 koha-tmpl/opac-tmpl/ccsr/images/btn-search-bar.png |  Bin 0 -> 2258 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_bg_header.png  |  Bin 0 -> 153 bytes
 .../opac-tmpl/ccsr/images/img_bg_login-bottom.png  |  Bin 0 -> 297 bytes
 .../opac-tmpl/ccsr/images/img_bg_login-top.png     |  Bin 0 -> 961 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_bg_login.png   |  Bin 0 -> 212 bytes
 .../ccsr/images/img_bg_search-control-left.png     |  Bin 0 -> 514 bytes
 .../ccsr/images/img_bg_search-control-right.png    |  Bin 0 -> 515 bytes
 .../opac-tmpl/ccsr/images/img_bg_search-left.png   |  Bin 0 -> 560 bytes
 .../opac-tmpl/ccsr/images/img_bg_search-right.png  |  Bin 0 -> 555 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_bg_submit.png  |  Bin 0 -> 139 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_logo_koha.jpg  |  Bin 0 -> 2699 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_puce_liste.png |  Bin 0 -> 573 bytes
 .../opac-tmpl/ccsr/images/img_puce_search.png      |  Bin 0 -> 240 bytes
 .../opac-tmpl/ccsr/images/img_select-puce.png      |  Bin 0 -> 579 bytes
 .../ccsr/images/img_sep_account-bottom.png         |  Bin 0 -> 205 bytes
 .../opac-tmpl/ccsr/images/img_sep_account-top.png  |  Bin 0 -> 167 bytes
 .../opac-tmpl/ccsr/images/img_sep_account.png      |  Bin 0 -> 114 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_sep_footer.png |  Bin 0 -> 118 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_sep_header.png |  Bin 0 -> 179 bytes
 .../ccsr/images/img_sep_search-bottom.png          |  Bin 0 -> 164 bytes
 .../opac-tmpl/ccsr/images/img_sep_search-top.png   |  Bin 0 -> 192 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_sep_search.png |  Bin 0 -> 114 bytes
 koha-tmpl/opac-tmpl/ccsr/images/img_sep_tabs.png   |  Bin 0 -> 154 bytes
 .../ccsr/images/img_toolbar-button-cart.png        |  Bin 0 -> 706 bytes
 .../ccsr/images/img_toolbar-button-lists.png       |  Bin 0 -> 659 bytes
 koha-tmpl/opac-tmpl/ccsr/images/logo-koha.png      |  Bin 0 -> 6571 bytes
 .../opac-tmpl/ccsr/images/mobile-menu-button.png   |  Bin 0 -> 2546 bytes
 .../jquery/plugins/jquery.jqtransform_select.js    |  366 ++++++++++
 40 files changed, 2253 insertions(+), 0 deletions(-)
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/css/colors.css
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/includes/navigation.inc
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/js/basket.js
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/js/script.js
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/arrow-right-grey-11x6.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/arrow-right-grey-logo.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/bg-result-light.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/bg-results-control.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/bg-search-bar.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/btn-search-bar.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_header.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_login-bottom.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_login-top.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_login.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-control-left.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-control-right.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-left.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-right.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_bg_submit.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_logo_koha.jpg
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_puce_liste.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_puce_search.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_select-puce.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_account-bottom.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_account-top.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_account.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_footer.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_header.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_search-bottom.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_search-top.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_search.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_sep_tabs.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_toolbar-button-cart.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/img_toolbar-button-lists.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/logo-koha.png
 create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/mobile-menu-button.png
 create mode 100644 koha-tmpl/opac-tmpl/lib/jquery/plugins/jquery.jqtransform_select.js

diff --git a/koha-tmpl/opac-tmpl/ccsr/en/css/colors.css b/koha-tmpl/opac-tmpl/ccsr/en/css/colors.css
new file mode 100644
index 0000000..7e8a946
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/css/colors.css
@@ -0,0 +1,748 @@
+/* ================================
+ * !Main
+ * ================================*/
+
+div.clear {
+    clear: both;
+}
+
+body {
+    min-width:1000px;
+    font-family: "Lucida Grande", Arial;
+    padding:0;
+    background-color : #eaeae6;
+}
+
+#container {
+    background: #fff;
+    border:1px solid #d2d2cf;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+    margin:0 20px;
+    padding: 10px;
+    overflow: hidden;
+}
+
+a:link,
+a:visited {
+    color: #007fae;
+}
+a:hover {
+    color: #00a5e2;
+}
+
+#container #ctn_lt {
+    padding-left: 15px;
+}
+
+#opacnav {
+    width:240px;
+}
+
+#opacmainuserblock, #news {
+    margin-left:7em;
+}
+
+/* ================================
+ * !Header
+ * ================================*/
+
+#header-wrapper {
+    background: none;
+}
+
+#opac-main-search {
+    background: none;
+    border: none;
+    display: table;
+    margin: 40px 0 0 !important;
+    padding: 0.7em 0 0 0.5em;
+    width: 100%;
+}
+*:first-child+html #opac-main-search {
+    display: block;
+}
+#opac-main-search a.logo {
+    display: table-cell;
+    padding: 8px 0 0 13px;
+    vertical-align: top;
+    width: 145px;
+}
+
+#opac-main-search #fluid {
+    display: table-cell;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    vertical-align: top;
+}
+
+#opac-main-search div#libraryname {
+    display: table-cell;
+    float: none;
+    vertical-align: top;
+    overflow: hidden;
+    text-align: center;
+    padding: 0 11px 17px;
+    width: 128px;
+}
+
+/* IE 7 Hack */
+*:first-child+html #opac-main-search a.logo,
+*:first-child+html #opac-main-search #fluid,
+*:first-child+html #opac-main-search div#libraryname {
+    display: block;
+    float: left;
+    height: 100px;
+}
+*:first-child+html #opac-main-search #fluid {
+    width: 800px;
+}
+#opac-main-search div#libraryname h1 {
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    display: block;
+    margin: 0;
+    position: relative;
+}
+#opac-main-search div#libraryname h1 img {
+    display: block;
+    margin: 0 0 7px;
+    max-height: 80px;
+}
+
+#opac-main-search div#libraryname span#official-website {
+    background: url("../../images/arrow-right-grey-logo.png") no-repeat scroll 0 50%;
+    font: 11px/14px Arial;
+    padding: 0 0 0 10px;
+}
+#opac-main-search div#libraryname span#official-website a {
+    color: #696965;
+    text-decoration: none;
+}
+#opac-main-search div#libraryname span#official-website a:hover {
+    text-decoration: underline;
+}
+
+
+/* search form */
+
+form#searchform {
+    background: #a7a7a2 url("../../images/bg-search-bar.png") repeat-x scroll 0 0;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+    display: block;
+    padding: 12px 10px;
+    position: relative;
+}
+
+form#searchform label {
+    display: none;
+}
+
+form.single-library .input-wrapper {
+    margin: 0 237px 0 0;
+}
+form.multi-libraries .input-wrapper {
+    margin: 0 416px 0 0;
+}
+form#searchform .input-wrapper input[type="text"] {
+    background: #fff;
+    border: 1px solid #A0A09A;
+    -webkit-border-radius: 8px;
+    -moz-border-radius: 8px;
+    border-radius: 8px;
+    color: #868684;
+    font-size: 12px !important;
+    padding: 8px 8px 9px;
+    width: 100% !important;
+}
+
+form#searchform select {
+    left: -9999em;
+    position: absolute;
+}
+
+form.multi-libraries #filters .jqTransformSelectWrapper {
+    position: absolute;
+    right: 229px;
+    top: 12px;
+}
+
+form.single-library  #filters .jqTransformSelectWrapper,
+form.multi-libraries #libraries .jqTransformSelectWrapper {
+    position: absolute;
+    right: 50px;
+    top: 12px;
+}
+
+form#searchform input[type="submit"] {
+    background: #619bb5 url("../../images/btn-search-bar.png") no-repeat 50% 50%;
+    border: 1px solid #adadaa;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    color: #fff;
+    cursor: pointer;
+    font-size: 0;
+    font-weight: normal;
+    height: 33px;
+    margin-left: 4px;
+    margin-top: 0;
+    padding: 0;
+    position: absolute;
+    right: 10px;
+    top: 12px;
+    width: 34px;
+}
+
+#moresearches {
+    margin: 7px 10px 0;
+}
+#moresearches a:link,
+#moresearches a:visited {
+    background: url("../../images/arrow-right-grey-11x6.png") no-repeat scroll left center transparent;
+    color: #007fae;
+    font-size: 12px;
+    font-weight: normal;
+    margin-right: 12px;
+    padding-left: 12px;
+    text-decoration: none;
+}
+#moresearches a:hover {
+    color: #00a5e2;
+}
+
+#moresearches span.pipe {
+    display: none;
+}
+
+.transparent {
+    zoom: 1;
+    filter: alpha(opacity=50);
+    opacity: 0.5;
+}
+
+div#top-bar {
+    z-index: 9999999;
+    position: fixed;
+    top:0;
+    left:0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 29px;
+    background: #454543 url("../../images/img_bg_header.png") repeat-x 0 0;
+}
+
+
+ul#menu-left {
+    margin: 0 0 0 30px;
+    padding: 0;
+    display: block;
+    float: left;
+    width: auto;
+    height: 29px;
+}
+ul#menu-left li {
+    margin: 0;
+    padding: 0 8px 0 10px;
+    float: left;
+    height: 29px;
+    list-style-type: none;
+    background: url("../../images/img_sep_header.png") no-repeat left top;
+}
+ul#menu-left li#listsmenulink {
+    padding: 1px 0 0 12px;
+    border: none;
+}
+ul#menu-left #listsmenulink:hover {
+    background: url("../../images/img_sep_header.png") no-repeat left top !important;
+}
+ul#menu-left li a#cartmenulink,
+ul#menu-left li#listsmenulink a {
+    margin: 2px 0 0 0;
+    color: #9EE1FF;
+    font-family: Arial;
+    font-size: 13px;
+    font-weight: bold;
+    text-decoration: none;
+    border: none;
+}
+ul#menu-left li a#cartmenulink:hover,
+ul#menu-left li#listsmenulink a:hover {
+    color: #9EE1FF;
+}
+
+ul#menu-left li#listsmenulink a {
+    padding: 2px 0 0;
+}
+
+ul#menu-left li a#cartmenulink span,
+ul#menu-left li#listsmenulink a span {
+    margin: 0;
+    padding: 0;
+}
+ul#menu-left li a#cartmenulink span#basketcount {
+    margin: 0 0 0 5px;
+    padding: 0;
+    background: none;
+}
+ul#menu-left li a#cartmenulink span img,
+ul#menu-left li#listsmenulink a span img {
+    display: none;
+}
+
+ul#menu-left li a#cartmenulink {
+    padding: 0 0 0 30px;
+    background: url("../../images/img_toolbar-button-cart.png") no-repeat left center;
+}
+ul#menu-left li#listsmenulink a {
+    padding: 0 0 0 20px;
+    background: url("../../images/img_toolbar-button-lists.png") no-repeat left center;
+}
+
+div#cartDetails,
+div#listsmenu {
+    z-index: 9999999;
+    top: 29px !important;
+    margin: 0;
+    padding: 10px !important;
+    background: #649EB8;
+    border-left: 1px solid #A0A09A !important;
+    border-right: 1px solid #A0A09A !important;
+    border-bottom: 1px solid #A0A09A !important;
+    -webkit-border-radius: 0 0 7px 7px;
+    -moz-border-radius: 0 0 7px 7px;
+    border-radius: 0 0 7px 7px;
+}
+div#cartDetails {
+    margin-left: -9px;
+}
+
+
+#members {
+    background: none;
+    margin: 0;
+    padding: 0;
+    float: right;
+}
+#members ul {
+    margin: 0;
+    margin-right: 20px;
+    float: right;
+}
+#members li {
+    background: none;
+    margin:0;
+    float: left;
+    border-right: none;
+}
+#members ul li a {
+    background: url("../../images/img_sep_header.png") no-repeat scroll right top transparent;
+    color: #9EE1FF;
+    display: block;
+    font-family: Arial;
+    font-size: 13px;
+    height: 22px;
+    padding: 7px 14px 0 3px;
+    text-decoration: none;
+}
+
+#members li span.members {
+    color:#fff;
+    padding:7px 14px 0 9px;
+    float: left;
+    background: url(../../images/img_sep_header.png) no-repeat right top;
+    height: 22px;
+}
+
+#members li span.members a {
+    display:inline;
+    background: none;
+    padding: 0;
+}
+
+#members li a {
+    padding:7px 14px 0 9px;
+}
+
+#members li a.logout {
+    color:#ff825b;
+    font-weight: normal;
+    padding:7px 14px 0 9px;
+}
+
+div#listsmenu {
+    margin-left: 1px;
+}
+div#listsmenu h4 {
+    margin: 0 !important;
+    color: #fff;
+}
+div#listsmenu ul li {
+    margin: 0 !important;
+    padding: 0 !important;
+    height: auto !important;
+    background: none !important;
+}
+div#listsmenu ul li {
+    float: none !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    list-style-type: none !important;
+    background: none !important;
+}
+div#listsmenu a {
+    margin: 0 !important;
+    padding: 0 !important;
+    color: #fff !important;
+    font-weight: normal  !important;
+    text-decoration: none;
+    background: none !important;
+}
+div#listsmenu a:hover {
+    text-decoration: underline;
+}
+
+#cartDetails,#cartUpdate,#holdDetails,#listsDetails {
+    background-color : #FFF;
+    border: 1px solid #739acf;
+    color : #fff;
+    display : none;
+    margin : 0;
+    padding : 10px;
+    text-align : center;
+    width : 180px;
+    box-shadow: 1px 1px 3px #666;
+    -moz-box-shadow: 1px 1px 3px #666;
+    -webkit-box-shadow: 1px 1px 3px #666;
+
+}
+
+#cartmenulink, #listsmenulink {
+    display : block;
+    position : relative;
+    background : #aaa;
+    padding : 5px;
+    float : left;
+    color : #333;
+    text-decoration : none;
+    cursor : pointer;
+}
+
+#cartmenulink {
+    background : #98CB58;
+    color : #336600;
+    font-size : 105%;
+}
+
+#cartmenulink[class], #listsmenulink[class] {
+    background-image : ;
+    background-position : ;
+}
+
+#cartmenulink span, #listsmenulink span {
+    padding : 0 0 5px 10px;
+    background-position:;
+    left:;
+    margin-bottom:;
+}
+
+#cartmenulink *, #listsmenulink * {
+    background-image : none;
+}
+
+#cartmenulink span#basketcount span {
+    color:#fff;
+    margin:0 0 0 5px;
+    padding:0;
+    background:none;
+    font-size:15px;
+    font-weight:bold;
+}
+
+
+/* ================================
+ * !jQtransform
+ * ================================*/
+
+.jqTransformSelectWrapper {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #A0A09A;
+    border-radius: 8px 8px 8px 8px;
+    color: #252525;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 13px;
+    float: left;
+    margin-left: 5px;
+    padding: 0;
+    position: relative;
+    width: 171px !important;
+}
+.jqTransformSelectWrapper div {
+    height: 19px;
+    padding: 9px 5px 4px;
+    text-indent: 4px;
+}
+.jqTransformSelectWrapper div span {
+    cursor: pointer;
+    float: left;
+}
+
+.jqTransformSelectWrapper div a {
+    background: url("../../images/img_select-puce.png") no-repeat scroll 0 50% transparent;
+    display: block;
+    height: 26px;
+    outline: medium none;
+    position: absolute;
+    right: 3px;
+    top: 3px;
+    width: 25px;
+}
+
+.jqTransformSelectWrapper ul {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #A0A09A;
+    -webkit-border-radius: 7px;
+    -moz-border-radius: 7px;
+    border-radius: 7px;
+    height: auto !important;
+    padding: 5px 0 !important;
+    position: absolute;
+    width: 100% !important;
+}
+.jqTransformSelectWrapper ul li {
+    background: none repeat scroll 0 0 transparent !important;
+    list-style: none outside none !important;
+    margin: 0 !important;
+    padding: 0 5px !important;
+}
+.jqTransformSelectWrapper ul li a {
+    color: #252525 !important;
+    display: block;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 13px;
+    font-weight: normal;
+    padding-left: 5px;
+    text-decoration: none;
+}
+.jqTransformSelectWrapper ul li a:hover {
+    background: none repeat scroll 0 0 #F5F5F4;
+}
+
+
+/* ================================
+ * !Footer
+ * ================================*/
+
+#main_footer {
+    padding:0 30px;
+    font-family:"Lucida Grande", Arial;
+    margin-bottom: 65px;
+}
+
+#main_footer .colleft {
+    float:left;
+    margin-top:8px;
+}
+
+#main_footer .colleft ul {
+    padding:0;
+}
+
+#main_footer .colleft li {
+    display:inline;
+    list-style:none;
+}
+
+#main_footer .colleft li.first {
+    background:url(../../images/img_sep_footer.png) no-repeat right top;
+    padding-right: 8px;
+    margin-right: 10px;
+}
+
+#main_footer .colleft li a {
+    color:#4f91b0;
+    text-decoration:none;
+    font-size:14px;
+    font-weight: normal;
+}
+#main_footer .colleft li a:hover {
+    color:#00a5e2;
+}
+
+#main_footer .colleft .copy {
+    font-size:12px;
+    color:#5f5f5f;
+    margin-top:10px;
+}
+
+#main_footer .colright {
+    float:right;
+    width: auto;
+}
+
+#main_footer .colright .koha {
+    float:left;
+    background: url(../../images/img_logo_koha.jpg) no-repeat bottom right;
+    width: 168px;
+    height: 40px;
+}
+#main_footer .colright .koha a {
+    display:block;
+    padding:0;
+    width: 168px;
+    height: 40px;
+    color:#5f5f5f;
+    text-decoration: none;
+    font-weight: normal;
+}
+
+div#changelanguage {
+    padding-bottom: 2em;
+}
+
+
+/* ================================
+ * !Page : Search results
+ * ================================*/
+
+/* breacrumbs */
+
+body#results #breadcrumbs {
+    margin: -1px 0 17px 2px;
+    padding: 0;
+}
+body#results #breadcrumbs p {
+    font: normal 11px/11px Arial;
+    margin: 0;
+    padding: 0;
+}
+body#results #breadcrumbs p a {
+    color: #007fae;
+    display: inline;
+    text-decoration: none;
+}
+body#results #breadcrumbs p a:hover {
+    color: #00a5e2;
+}
+
+body#results #breadcrumbs p a img {
+    vertical-align: middle;
+}
+
+body#results #breadcrumbs p .rsaquo {
+    color: #8d8d89;
+    font-size: 20px;
+    line-height: 11px;
+    vertical-align: sub;
+}
+
+/* IE7 Hack */
+*:first-child+html body#results #breadcrumbs p span {
+    display: inline;
+    font-size: 11px;
+    font-weight: bold;
+    vertical-align: top;
+}
+
+body#results #breadcrumbs p strong {
+    color: #5f5f5f;
+}
+
+.nb_results {
+    font-weight: bold;
+}
+
+/* search-facets */
+
+body#results #search-facets {
+    border: none;
+}
+body#results #search-facets h4 {
+    background: none;
+    border-bottom: 1px solid #E8E8E8;
+    font-size: 90%;
+    margin: 0 9px 10px 0;
+    padding: 13px 0 7px;
+    text-align: left;
+}
+
+body#results #search-facets a {
+    color: #007fae;
+}
+body#results #search-facets a:hover {
+    color: #00a5e2;
+}
+
+
+/* userresults */
+
+body#results div#userresults {
+    border-left: 1px solid #c8c8c4;
+    padding: 0 20px 0;
+}
+
+
+/* searchresults */
+
+body#results tr {
+    border: none;
+}
+body#results tr td {
+    background: #fff url("../../images/bg-result-light.png") repeat-x 0 0;
+    border-top: 1px solid #c8c8c4;
+    border-bottom: none;
+    height: 115px;
+    padding-top: 15px;
+}
+
+body#results .searchresults td.resultscontrol {
+    background: #ddddda url("../../images/bg-results-control.png") repeat-x 0 100%;
+    -moz-border-radius-topleft: 6px;
+    -moz-border-radius-topright: 6px;
+    -moz-border-radius-bottomright: 0px;
+    -moz-border-radius-bottomleft: 0px;
+    -webkit-border-radius: 6px 6px 0px 0px;
+    border-radius: 6px 6px 0px 0px;
+    border: none;
+    border-bottom: 1px solid #b0b0ae;
+    padding: 2px 7px 6px;
+    height: auto;
+}
+
+
+/* Navigation */
+
+body#results a.nav:link, div.pages a:link {
+    background-color: #EEEEEE;
+    border: 1px solid #CCCC99;
+    color: #007FAE;
+    font-weight: bold;
+    padding: 1px 5px;
+    text-decoration: none;
+}
+body#results a.nav:hover, div.pages a:hover {
+    color: #00A5E2;
+}
+
+
+
+/* ================================
+ * !Page : Opac detail
+ * ================================*/
+
+body#opac-detail .nav_results ul.pg_menu {
+    display: table;
+    height: auto;
+    overflow: hidden;
+    padding: 0;
+    width: 100%;
+}
+body#opac-detail .nav_results ul.pg_menu li {
+    display: table-cell;
+    float: none;
+}
diff --git a/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc
new file mode 100644
index 0000000..50c3c57
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc
@@ -0,0 +1,132 @@
+</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="Koha [% Version %]" /> <!-- leave this for stats -->
+<link rel="shortcut icon" href="[% IF ( OpacFavicon ) %][% OpacFavicon %][% ELSE %][% themelang %]/includes/favicon.ico[% END %]" type="image/x-icon" />
+<link rel="stylesheet" type="text/css" href="[% themelang %]/lib/jquery/jquery-ui.css" />
+[% SET opaclayoutstylesheet='opac.css' UNLESS opaclayoutstylesheet %]
+[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
+    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet %]" />
+[% ELSE %]
+    <link rel="stylesheet" type="text/css" href="[% themelang %]/css/[% opaclayoutstylesheet %]" />
+[% END %]
+[% IF ( opaccolorstylesheet ) %]
+    [% IF (opaccolorstylesheet.match('^https?:|^\/')) %]
+        <link rel="stylesheet" type="text/css" href="[% opaccolorstylesheet %]" />
+    [% ELSE %]
+        <link rel="stylesheet" type="text/css" href="[% themelang %]/css/[% opaccolorstylesheet %]" />
+    [% END %]
+[% END %]
+[% IF ( opac_css_override ) %]
+    <link rel="stylesheet" type="text/css" href="[% themelang %]/css/[% opac_css_override %]" />
+[% END %]
+<link rel="stylesheet" type="text/css" media="print" href="[% themelang %]/css/print.css" />
+[% IF ( OPACUserCSS ) %]<style type="text/css">[% OPACUserCSS %]</style>[% END %]
+<!-- yui js -->
+<script type="text/javascript" src="[% yuipath %]/utilities/utilities.js"></script>
+<script type="text/javascript" src="[% yuipath %]/container/container-min.js"></script>
+<script type="text/javascript" src="[% yuipath %]/menu/menu-min.js"></script>
+<script type="text/javascript" src="[% themelang %]/lib/jquery/jquery.js"></script>
+<script type="text/javascript" src="[% themelang %]/lib/jquery/jquery-ui.js"></script>
+<script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.hoverIntent.minified.js"></script>
+<script type="text/javascript" language="javascript" src="[% themelang %]/js/script.js"></script>
+[% IF ( OPACAmazonCoverImages ) %]
+<script type="text/javascript" language="javascript">//<![CDATA[
+    var NO_AMAZON_IMAGE = _("No cover image available");
+    //]]>
+</script>
+<script type="text/javascript" language="javascript" src="[% themelang %]/js/amazonimages.js"></script>
+[% END %]
+[% IF ( SyndeticsCoverImages ) %]
+<script type="text/javascript" language="javascript">//<![CDATA[
+        var NO_AMAZON_IMAGE = _("No cover image available");
+    //]]>
+</script>
+<script type="text/javascript" language="javascript" src="[% themelang %]/js/amazonimages.js"></script>          [% END %]
+
+[% IF ( opacbookbag ) %]<script type="text/javascript" language="javascript" src="[% themelang %]/js/basket.js">
+[% ELSIF ( virtualshelves ) %]<script type="text/javascript" language="javascript" src="[% themelang %]/js/basket.js">
+[% ELSE %]<script type="text/javascript" language="javascript"> var readCookie;[% END %]
+</script>
+
+<script type="text/javascript" language="javascript">
+    //<![CDATA[
+    [% IF ( opacbookbag ) %]var MSG_BASKET_EMPTY = _("Your cart is currently empty");
+    var MSG_RECORD_IN_BASKET = _("This item is already in your cart");
+    var MSG_RECORD_ADDED = _("This item has been added to your cart");
+    var MSG_RECORD_REMOVED = _("This item has been removed from your cart");
+    var MSG_NRECORDS_ADDED = _(" item(s) added to your cart");
+    var MSG_NRECORDS_IN_BASKET = _("already in your cart");
+    var MSG_NO_RECORD_SELECTED = _("No item was selected");
+    var MSG_NO_RECORD_ADDED = _("No item was added to your cart");
+    var MSG_CONFIRM_DEL_BASKET = _("Are you sure you want to empty your cart?");
+    var MSG_CONFIRM_DEL_RECORDS = _("Are you sure you want to remove the selected items?");
+    var MSG_ITEM_IN_CART = _("In your cart");
+    var MSG_IN_YOUR_CART = _("Items in your cart: ");
+    var MSG_ITEM_NOT_IN_CART = _("Add to your cart");
+      $("#cartDetails").ready(function(){ $("#cmspan").html("<a href=\"#\" id=\"cartmenulink\" class=\"\"><span> "+_("Cart")+"<span id=\"basketcount\"><\/span><\/span><\/a>"); });
+    [% ELSE %][% IF ( virtualshelves ) %]
+    var MSG_NO_RECORD_SELECTED = _("No item was selected");[% END %][% END %]
+    [% IF ( opacuserlogin ) %][% IF ( TagsEnabled ) %]var MSG_TAGS_DISABLED = _("Sorry, tags are not enabled on this system.");
+    var MSG_TAG_ALL_BAD = _("Error! Your tag was entirely markup code.  It was NOT added.  Please try again with plain text.");
+    var MSG_ILLEGAL_PARAMETER = _("Error! Illegal parameter");
+    var MSG_TAG_SCRUBBED = _("Note: your tag contained markup code that was removed. The tag was added as ");
+    var MSG_ADD_TAG_FAILED = _("Error! The add_tag operation failed on");
+    var MSG_ADD_TAG_FAILED_NOTE = _("Note: you can only tag an item with a given term once.  Check 'My Tags' to see your current tags.");
+    var MSG_DELETE_TAG_FAILED = _("Error! You cannot delete the tag");
+    var MSG_DELETE_TAG_FAILED_NOTE = _("Note: you can only delete your own tags.")
+    var MSG_LOGIN_REQUIRED = _("You must be logged in to add tags.");
+    var MSG_TAGS_ADDED = _("Tags added: ");
+    var MSG_TAGS_DELETED = _("Tags added: ");
+    var MSG_TAGS_ERRORS = _("Errors: ");
+    var MSG_MULTI_ADD_TAG_FAILED = _("Unable to add one or more tags.");[% END %][% END %]
+    [% IF ( OPACAmazonCoverImages ) %]$(window).load(function() {
+        verify_images();
+    });[% END %]
+    [% IF ( SyndeticsCoverImages ) %]$(window).load(function() {
+        verify_images();
+    });[% END %]
+//]]>
+[% IF ( opacbookbag ) %]</script><script type="text/javascript" language="javascript" src="[% themelang %]/js/basket.js">
+[% ELSIF ( virtualshelves ) %]</script><script type="text/javascript" language="javascript" src="[% themelang %]/js/basket.js">
+[% ELSE %]</script><script type="text/javascript" language="javascript">var readCookie;[% END %]</script>
+[% IF ( opacuserlogin ) %][% IF ( TagsEnabled ) %]<script type="text/javascript" language="javascript" src="[% themelang %]/js/tags.js"></script>[% END %][% ELSE %][% END %]
+[% IF ( GoogleJackets ) %]
+<script type="text/javascript" language="javascript" src="[% themelang %]/js/google-jackets.js"></script>
+<script type="text/javascript" language="javascript">
+//<![CDATA[
+    var NO_GOOGLE_JACKET = _("No cover image available");
+//]]>
+</script>
+[% END %]
+[% IF OpenLibraryCovers %]
+<script type="text/javascript" language="javascript" src="[% themelang %]/js/openlibrary.js"></script>
+<script type="text/javascript" language="javascript">
+//<![CDATA[
+var NO_OL_JACKET = _("No cover image available");
+//]]>
+</script>
+[% END %]
+
+[% IF OPACLocalCoverImages %]
+<script type="text/javascript" language="javascript" src="[% themelang %]/js/localcovers.js"></script>
+<script type="text/javascript" language="javascript">
+//<![CDATA[
+var NO_LOCAL_JACKET = _("No cover image available");
+//]]>
+</script>
+[% END %]
+
+[% IF ( BakerTaylorEnabled ) %]<script type="text/javascript" language="javascript" src="[% themelang %]/js/bakertaylorimages.js"></script>
+<script type="text/javascript" language="javascript">
+//<![CDATA[
+    var NO_BAKERTAYLOR_IMAGE = _("No cover image available");
+    $(window).load(function(){
+        bt_verify_images();
+    });
+//]]>
+</script>[% END %]
+<link rel="unapi-server" type="application/xml" title="unAPI" href="[% OPACBaseURL %]/cgi-bin/koha/unapi" />
+[% IF ( GoogleIndicTransliteration ) %]
+        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
+        <script type="text/javascript" language="javascript" src="[% themelang %]/js/googleindictransliteration.js"></script>
+[% END %]
diff --git a/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc
new file mode 100644
index 0000000..ab46ff7
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc
@@ -0,0 +1,267 @@
+<div id="header-wrapper">
+
+<div id="top-bar">
+<ul id="menu-left">
+
+    [% IF ( opacbookbag ) %]
+        <li>
+            <span id="cmspan"></span>
+            <div id="cartDetails">Your cart is empty.</div>
+        </li>
+    [% END %]
+
+    [% IF ( virtualshelves ) %]
+
+    <li id="listsmenulink">
+        <a href="/cgi-bin/koha/opac-shelves.pl"  class="">
+            <span>Lists</span>
+        </a>
+    <div id="listsmenu" class="yuimenu" style="display: none">
+        <h4>Public lists</h4>
+            [% IF ( pubshelves ) %]
+                <ul class="first-of-type">
+                [% FOREACH pubshelvesloo IN pubshelvesloop %]
+                <li class="yuimenuitem"><a href="/cgi-bin/koha/opac-shelves.pl?viewshelf=[% pubshelvesloo.shelfnumber %]&amp;sortfield=[% pubshelvesloo.sortfield %]">[% pubshelvesloo.shelfname |html %]</a></li>
+                [% END %]
+                <li class="yuimenuitem"><a class="yuimenuitemlabel" href="/cgi-bin/koha/opac-shelves.pl?display=publicshelves">[View All]</a></li>
+            </ul>
+            [% ELSE %]
+            No public lists
+            [% END %]
+      [% IF ( opacuserlogin ) %]
+        <h4>Your lists</h4>
+        [% IF ( loggedinusername ) %]
+            [% IF ( barshelves ) %]
+                <ul class="first-of-type">
+                [% FOREACH barshelvesloo IN barshelvesloop %]
+                <li class="yuimenuitem"><a href="/cgi-bin/koha/opac-shelves.pl?viewshelf=[% barshelvesloo.shelfnumber %]&amp;sortfield=[% barshelvesloo.sortfield %]">[% barshelvesloo.shelfname |html %]</a></li>
+                [% END %]
+            <li class="yuimenuitem"><a class="yuimenuitemlabel" href="/cgi-bin/koha/opac-shelves.pl?display=privateshelves">[View all]</a></li>
+            </ul>
+            [% ELSE %]
+                <ul class="first-of-type">
+            <li>No private lists</li>
+            <li class="yuimenuitem"><a class="yuimenuitemlabel" href="/cgi-bin/koha/opac-shelves.pl?display=privateshelves">[New list]</a></li></ul>
+            [% END %]
+        [% ELSE %]
+            <ul class="first-of-type"><li><a href="/cgi-bin/koha/opac-user.pl">Log in to create your own lists</a></li></ul>
+        [% END %]
+      [% END %]
+    </div><!-- /listmenu /virtualshelves -->
+[% END %]
+<div id="listsDetails"></div>
+
+</li>
+</ul>
+
+    <div id="members">
+      [% IF ( opacuserlogin ) %]
+        <ul>
+    [% UNLESS ( loggedinusername ) %]
+                   <li><a href="/cgi-bin/koha/opac-user.pl">Log in to your account</a></li>[% END %]
+                [% IF ( loggedinusername ) %]
+                    <li><span class="members">Welcome, <a href="/cgi-bin/koha/opac-user.pl"><span class="loggedinusername">[% FOREACH USER_INF IN USER_INFO %][% USER_INF.title %] [% USER_INF.firstname %] [% USER_INF.surname %][% END %]</span></a></span></li>
+
+                [% END %]
+                [% IF ( ShowOpacRecentSearchLink ) %]
+                    <li><a href="/cgi-bin/koha/opac-search-history.pl" title="View your search history">Search history</a></li>
+                [% END %]
+                [% IF ( loggedinusername ) %]<li><a class="logout" id="logout" href="/cgi-bin/koha/opac-main.pl?logout.x=1">Log Out</a></li>[% END %]
+        </ul>
+      [% END %]
+    </div>
+
+    <div class="clear"></div>
+
+</div>
+
+<div id="opac-main-search" class="yui-g">
+
+<a class="logo" href="/cgi-bin/koha/opac-main.pl">
+    <img src="/opac-tmpl/prog/images/logo-koha.png" alt="Koha Online Catalog" />
+</a>
+
+<div id="fluid">
+
+[% IF ( OpacPublic ) %]
+<div id="fluid-offset">
+[% UNLESS ( advsearch ) %]<form name="searchform" method="get" action="/cgi-bin/koha/opac-search.pl" id="searchform" class="[% IF ( OpacAddMastheadLibraryPulldown ) %]multi-libraries[% ELSE %]single-library[% END %]">
+    <label for="masthead_search" class="left"> Search
+    [% UNLESS ( OpacAddMastheadLibraryPulldown ) %]
+            [% IF ( mylibraryfirst ) %] (in [% mylibraryfirst %] only)[% END %]
+    [% END %]
+    </label>
+
+    <div id="filters">
+    <select name="idx" id="masthead_search" class="left">
+    [% IF ( ms_kw ) %]
+        <option selected="selected" value="">Library catalog</option>
+        [% ELSE %]
+        <option value="">Library catalog</option>
+        [% END %]
+        [% IF ( ms_ti ) %]
+        <option selected="selected" value="ti">Title</option>
+        [% ELSE %]
+        <option value="ti">Title</option>
+        [% END %]
+        [% IF ( ms_au ) %]
+        <option selected="selected" value="au">Author</option>
+        [% ELSE %]
+        <option value="au">Author</option>
+        [% END %]
+        [% IF ( ms_su ) %]
+        <option selected="selected" value="su">Subject</option>
+        [% ELSE %]
+        <option value="su">Subject</option>
+        [% END %]
+        [% IF ( ms_nb ) %]
+        <option selected="selected" value="nb">ISBN</option>
+        [% ELSE %]
+        <option value="nb">ISBN</option>
+        [% END %]
+        [% IF ( ms_se ) %]
+        <option selected="selected" value="se">Series</option>
+        [% ELSE %]
+        <option value="se">Series</option>
+        [% END %]
+        [% IF ( ms_callnum ) %]
+        <option selected="selected" value="callnum">Call number</option>
+        [% ELSE %]
+        <option value="callnum">Call number</option>
+        [% END %]</select>
+    </div>
+
+<div class="input-wrapper">
+[% IF ( ms_value ) %]
+        <input type="text" id = "transl1" name="q" value="[% ms_value |html %]" class="left" style="width: 35%; font-size: 111%;"/><div id="translControl"></div>
+[% ELSE %]
+        <input type="text" id = "transl1" name="q" class="left" style="width: 35%; font-size: 111%;"/><div id="translControl"></div>
+[% END %]
+</div>
+
+   [% IF ( OpacAddMastheadLibraryPulldown ) %]
+    <div id="libraries">
+      <select name="limit" id="select_library" class="left">
+         <option value="">All libraries</option>
+         [% FOREACH BranchesLoo IN BranchesLoop %]
+            [% IF ( BranchesLoo.selected ) %]<option selected="selected" value="branch:[% BranchesLoo.value %]">[% BranchesLoo.branchname %]</option>
+            [% ELSE %]<option value="branch:[% BranchesLoo.value %]">[% BranchesLoo.branchname %]</option>[% END %]
+         [% END %]
+      </select>
+    </div>
+   [% ELSE %]
+      [% IF ( opac_limit_override ) %]
+          [% IF ( opac_search_limit ) %]
+            <input name="limit" value="[% opac_search_limit %]" type="hidden" />
+          [% END %]
+      [% ELSE %]
+          [% IF ( mylibraryfirst ) %]
+               <input name="limit" value="branch:[% mylibraryfirst %]" type="hidden" />
+          [% END %]
+      [% END %]
+   [% END %]
+
+
+    <input type="submit" value="Go" id="searchsubmit" class="left" />
+[% IF ( opacbookbag ) %]<span id="cmspan"></span>[% END %]
+
+    <div class="clear"></div>
+
+    </form>
+[% ELSE %] <!--advsearch -->
+<form name="searchform" method="get" action="/cgi-bin/koha/opac-search.pl" id="searchform" class="[% IF ( OpacAddMastheadLibraryPulldown ) %]multi-libraries[% ELSE %]single-library[% END %]">
+    <label for="masthead_search" class="left"> Search
+    [% UNLESS ( OpacAddMastheadLibraryPulldown ) %]
+            [% IF ( mylibraryfirst ) %] (in [% mylibraryfirst %] only)[% END %]
+    [% END %]
+    </label>
+
+    <div id="filters" class="transparent">
+        <select name="idx" id="masthead_search" class="left" disabled="disabled">
+            <option selected="selected" value="">Library Catalog</option>
+        </select>
+    </div>
+
+<div class="input-wrapper">
+    <input type="text" id = "transl1" name="q" class="left transparent" style="width: 35%; font-size: 111%;" disabled="disabled"/><div id="translControl"></div>
+</div>
+
+   [% IF ( OpacAddMastheadLibraryPulldown ) %]
+        <div id="libraries">
+          <select name="limit" id="select_library" class="left transparent">
+             <option value="">All Libraries</option>
+          </select>
+        </div>
+   [% END %]
+
+
+    <input type="submit" value="Go" id="searchsubmit" class="left transparent" disabled="disabled" />
+[% IF ( opacbookbag ) %]<span id="cmspan"></span>[% END %]
+
+    <div class="clear"></div>
+
+    </form>
+[% END %]
+
+<div id="moresearches">
+<a href="/cgi-bin/koha/opac-search.pl">Advanced search</a>
+[% IF ( OpacBrowser ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-browser.pl">Browse by hierarchy</a>[% END %]
+[% IF ( OpacAuthorities ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-authorities-home.pl">Browse by author or subject</a>[% END %]
+[% IF ( opacuserlogin && reviewson && OpacShowRecentComments ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-showreviews.pl">Recent comments</a>[% END %]
+[% IF ( TagsEnabled ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-tags.pl">Tag cloud</a>[% END %]
+[% IF ( OpacCloud ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-tags_subject.pl">Subject cloud</a>[% END %]
+[% IF ( OpacTopissue ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-topissues.pl">Most popular</a>[% END %]
+[% IF ( suggestion ) %]
+  [% IF ( AnonSuggestions ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-suggestions.pl">Purchase suggestions</a>
+  [% ELSIF ( OPACViewOthersSuggestions ) %]<span class="pipe"> | </span><a href="/cgi-bin/koha/opac-suggestions.pl">Purchase suggestions</a>
+  [% END %]
+[% END %]
+</div>
+ </div>
+</div>
+
+<div id="libraryname">
+    [% IF ( opacheader ) %]
+        <h1>
+            [% opacheader %]
+        </h1>
+  [% END %]
+</div>
+
+[% END %]  <!-- OpacPublic -->
+
+</div>
+</div>
+
+<div id="container">
+<div id="ctn_lt">
+<div id="ctn_rt">
+<div id="ctn_lb">
+<div id="ctn_rb">
+
+<div id="breadcrumbs" class="yui-g">
+<p><a href="/cgi-bin/koha/opac-main.pl" title="Accueil">Accueil</a>
+[% IF ( searchdesc ) %]<span class="rsaquo"> &rsaquo; </span><a href="/cgi-bin/koha/opac-search.pl" title="rechercher">Recherche</a><span class="rsaquo"> &rsaquo; </span>
+[% IF ( total ) %]<strong>Your search returned [% total |html %] results.</strong>
+[% IF ( related ) %] (related searches: [% FOREACH relate IN related %][% relate.related_search %][% END %]). [% END %]
+<a href="[% OPACBaseURL %]/cgi-bin/koha/opac-search.pl?[% query_cgi |html %][% limit_cgi |html %]&amp;count=[% countrss |html %]&amp;sort_by=acqdate_dsc&amp;format=rss2" class="rsssearchlink">
+<img src="/opac-tmpl/prog/images/feed-icon-16x16.png" alt="Subscribe to this search" title="Subscribe to this search" border="0" class="rsssearchicon"/></a>
+[% ELSE %]
+<strong>No results found!</strong>
+<p>
+    [% IF ( searchdesc ) %]
+    No results found for that in [% LibraryName %] catalog. <a href="[% OPACBaseURL %]/cgi-bin/koha/opac-search.pl?[% query_cgi |html %][% limit_cgi |html %]&amp;format=rss2" class="rsssearchlink"><img src="/opac-tmpl/prog/images/feed-icon-16x16.png" alt="Subscribe to this search" title="Subscribe to this search" border="0" class="rsssearchicon"/></a>
+    [% ELSE %]
+    You did not specify any search criteria.
+    [% END %]
+</p>
+[% IF ( OPACNoResultsFound ) %]
+<div id="noresultsfound">
+[% OPACNoResultsFound %]
+</div>
+[% END %]
+
+</div>
+[% END %]</p>[% END %]</div>
+
+<div class="ctn_in">
diff --git a/koha-tmpl/opac-tmpl/ccsr/en/includes/navigation.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/navigation.inc
new file mode 100644
index 0000000..fe56488
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/navigation.inc
@@ -0,0 +1,5 @@
+[% IF IsPatronPage %]
+[% INCLUDE usermenu.inc %]
+[% END %]
+[% OpacNav %]
+[% OpacNavBottom %]
diff --git a/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc
new file mode 100644
index 0000000..5f68b4a
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc
@@ -0,0 +1,89 @@
+[% IF ( opaccredits ) %]
+    <div class="ft">
+        [% opaccredits %]
+    </div>
+[% END %]
+</div>
+
+<div class="clear"></div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+<div id="main_footer">
+    <div class="colleft">
+    </div>
+    [% IF ( OpacKohaUrl ) %]
+    <div class="colright">
+        <div class="koha">
+            [% IF template.name.match('opac-main.tt') %]
+                <a class="koha_url" href="http://koha-community.org">Powered by</a>
+            [% ELSE %]
+                <a class="koha_url" rel="nofollow" href="http://koha-community.org">Powered by</a>
+            [% END %]
+        </div>
+    </div>
+    [% END %]
+    <div class="clear"></div>
+</div>
+
+[% IF ( opaclanguagesdisplay || OpacKohaUrl ) %]
+    [% IF ( languages_loop && opaclanguagesdisplay ) %]
+        [% UNLESS ( one_language_enabled ) %]
+            <div id="changelanguage" class="ft">
+            <div class="lang" style="float:left;padding: 0.1em 0;"><strong>Languages:&nbsp;</strong></div>
+            <ul id="i18nMenu" class="footermenu">
+            [% FOREACH languages_loo IN languages_loop %]
+
+                [% IF ( languages_loo.group_enabled ) %]
+                [% IF ( languages_loo.plural ) %]
+                <li class="more" style="float:left;"><a class="sublangs" id="show[% languages_loo.rfc4646_subtag %]" href="#">[% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]</a><div id="sub[% languages_loo.rfc4646_subtag %]">
+                <div class="bd"><ul>
+                [% FOREACH sublanguages_loo IN languages_loo.sublanguages_loop %]
+            [% IF ( sublanguages_loo.enabled ) %]
+                    [% IF ( sublanguages_loo.sublanguage_current ) %]
+                        <li> [% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %] ([% sublanguages_loo.rfc4646_subtag %])</li>
+                    [% ELSE %]
+                    <li><a href="/cgi-bin/koha/changelanguage.pl?language=[% sublanguages_loo.rfc4646_subtag %]"> [% sublanguages_loo.native_description %] [% sublanguages_loo.script_description %] [% sublanguages_loo.region_description %] [% sublanguages_loo.variant_description %] ([% sublanguages_loo.rfc4646_subtag %])</a></li>
+            [% END %]
+                    [% END %]
+
+                [% END %]
+                </ul></div></div></li>
+
+                [% ELSE %]
+                [% IF ( languages_loo.group_enabled ) %]
+                    [% IF ( languages_loo.current ) %]
+                        <li style="float:left;">[% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]</li>
+                    [% ELSE %]
+                        <li style="float:left;"><a href="/cgi-bin/koha/changelanguage.pl?language=[% languages_loo.rfc4646_subtag %]">[% IF ( languages_loo.native_description ) %][% languages_loo.native_description %][% ELSE %][% languages_loo.rfc4646_subtag %][% END %]</a></li>
+                    [% END %]
+            [% END %]
+                [% END %]
+                [% END %]
+
+            [% END %]
+            </ul>
+            </div>
+        [% END %]
+    [% END %]
+
+[% END %]
+
+
+<script type="text/javascript" src="/opac-tmpl/lib/jquery/plugins/jquery.jqtransform_select.js"></script>
+<script type="text/javascript">
+$(function() {
+    //find all form with class jqtransform and apply the plugin
+    $("form#searchform").jqTransform();
+});
+
+[% IF ( opacuserjs ) %][% opacuserjs %][% END %]
+
+</script>
+
+</body>
+</html>
diff --git a/koha-tmpl/opac-tmpl/ccsr/en/js/basket.js b/koha-tmpl/opac-tmpl/ccsr/en/js/basket.js
new file mode 100644
index 0000000..0ee0622
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/js/basket.js
@@ -0,0 +1,536 @@
+//////////////////////////////////////////////////////////////////////////////
+// BASIC FUNCTIONS FOR COOKIE MANAGEMENT //
+//////////////////////////////////////////////////////////////////////////////
+
+var CGIBIN = "/cgi-bin/koha/";
+
+
+var nameCookie = "bib_list";
+var valCookie = readCookie(nameCookie);
+
+if(valCookie){
+    var arrayRecords = valCookie.split("/");
+    if(arrayRecords.length > 0){
+        var basketcount = arrayRecords.length-1;
+    } else {
+        var basketcount = "";
+    }
+} else {
+        var basketcount = "";
+}
+
+function writeCookie(name, val, wd) {
+    if (wd) {
+        parent.opener.document.cookie = name + "=" + val;
+    }
+    else {
+        parent.document.cookie = name + "=" + val;
+    }
+}
+
+function readCookieValue (str, val_beg) {
+    var val_end = str.indexOf(";", val_end);
+    if (val_end == -1)
+        val_end = str.length;
+    return str.substring(val_beg, val_end);
+}
+
+function readCookie(name, wd) {
+    var str_name = name + "=";
+    var str_len = str_name.length;
+    var str_cookie = "";
+    if (wd) {
+        str_cookie = parent.opener.document.cookie;
+    }
+    else {
+        str_cookie = parent.document.cookie;
+    }
+        // fixed - getting the part of the basket that is bib_list
+        var cookie_parts = str_cookie.split(";");
+            for(var i=0;i < cookie_parts.length;i++) {
+                var c = cookie_parts[i];
+                    while (c.charAt(0)==' ') c = c.substring(1,c.length);
+            if(c.indexOf(str_name) == 0) return c.substring(str_name.length,c.length);
+            }
+    return null;
+}
+
+function delCookie(name) {
+    var exp = new Date();
+    exp.setTime(exp.getTime()-1);
+    if(parent.opener){
+    parent.opener.document.cookie = name + "=null; expires=" + exp.toGMTString();
+    } else {
+    document.cookie = name + "=null; expires=" + exp.toGMTString();
+    }
+}
+
+///////////////////////////////////////////////////////////////////
+// SPECIFIC FUNCTIONS USING COOKIES //
+///////////////////////////////////////////////////////////////////
+
+function openBasket() {
+    var strCookie = "";
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    if ( valCookie ) {
+        strCookie = nameCookie + "=" + valCookie;
+    }
+
+    if ( strCookie ) {
+        var iW = 820;
+        var iH = 450;
+        var optWin = "dependant=yes,status=yes,scrollbars=yes,resizable=yes,toolbar=no,location=yes,height="+iH+",width="+iW;
+        var loc = CGIBIN + "opac-basket.pl?" + strCookie;
+        var basket = open(loc, "basket", optWin);
+        if (window.focus) {basket.focus()}
+    }
+    else {
+        showCartUpdate(MSG_BASKET_EMPTY);
+    }
+}
+
+function addRecord(val, selection,NoMsgAlert) {
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    var write = 0;
+
+    if ( ! valCookie ) { // empty basket
+        valCookie = val + '/';
+        write = 1;
+        updateBasket(1);
+    }
+    else {
+        // is this record already in the basket ?
+        var found = false;
+        var arrayRecords = valCookie.split("/");
+        for (var i = 0; i < valCookie.length - 1; i++) {
+            if (val == arrayRecords[i]) {
+                found = true;
+                break;
+            }
+        }
+        if ( found ) {
+            if (selection) {
+                return 0;
+            }
+            if (! NoMsgAlert ) {
+                showCartUpdate(MSG_RECORD_IN_BASKET);
+            }
+        }
+        else {
+            valCookie += val + '/';
+            write = 1;
+            updateBasket(arrayRecords.length);
+        }
+    }
+
+    if (write) {
+        writeCookie(nameCookie, valCookie);
+        if (selection) { // when adding a selection of records
+            updateLink(val,"add");
+            return 1;
+        }
+        if (! NoMsgAlert ) {
+            showCartUpdate(MSG_RECORD_ADDED);
+            updateLink(val,"add");
+        }
+    }
+}
+
+function AllAreChecked(s){
+    if (! s.length)    { return false;}
+    var l = s.length;
+    for (var i=0; i < l; i++) {
+        if(! s[i].checked) { return false; }
+    }
+    return true;
+}
+
+function SelectAll(){
+    if(document.bookbag_form.biblionumber.length > 0) {
+        var checky = AllAreChecked(document.bookbag_form.biblionumber);
+        var l = document.bookbag_form.biblionumber.length;
+        for (var i=0; i < l; i++) {
+            document.bookbag_form.biblionumber[i].checked = (checky) ? false : true;
+        }
+    }
+}
+
+function addMultiple(){
+    var c_value = "";
+    if(document.bookbag_form.biblionumber.length > 0) {
+        for (var i=0; i < document.bookbag_form.biblionumber.length; i++) {
+            if (document.bookbag_form.biblionumber[i].checked) {
+                c_value = c_value + document.bookbag_form.biblionumber[i].value + "/";
+            }
+        }
+        addSelRecords(c_value);
+    } else {
+        c_value = c_value + document.bookbag_form.biblionumber.value + "/";
+        addSelRecords(c_value);
+    }
+}
+
+function addSelRecords(valSel) { // function for adding a selection of biblios to the basket
+                                                // from the results list
+    var arrayRecords = valSel.split("/");
+    var i = 0;
+    var nbAdd = 0;
+    for (i=0;i<arrayRecords.length;i++) {
+        if (arrayRecords[i]) {
+            nbAdd += addRecord(arrayRecords[i], 1);
+        }
+        else {
+            break;
+        }
+    }
+    var msg = "";
+    if (nbAdd) {
+        if (i > nbAdd) {
+            msg = nbAdd+" "+MSG_NRECORDS_ADDED+", "+(i-nbAdd)+" "+MSG_NRECORDS_IN_BASKET;
+        }
+        else {
+            msg = nbAdd+" "+MSG_NRECORDS_ADDED;
+        }
+    }
+    else {
+        if (i < 1) {
+            msg = MSG_NO_RECORD_SELECTED;
+        }
+        else {
+            msg = MSG_NO_RECORD_ADDED+" ("+MSG_NRECORDS_IN_BASKET+") !";
+        }
+    }
+    showCartUpdate(msg);
+}
+
+function showCartUpdate(msg){
+    // set body of popup window
+    $("#cartDetails").html(msg);
+    showCart();
+    setTimeout("hideCart()",2000);
+}
+
+function showListsUpdate(msg){
+       // set body of popup window
+       $("#listsDetails").html(msg);
+       showLists();
+       setTimeout("hideLists()",2000);
+}
+
+function selRecord(num, status) {
+    var str = document.myform.records.value
+    if (status){
+        str += num+"/";
+    }
+    else {
+        str = delRecord(num, str);
+    }
+
+    document.myform.records.value = str;
+}
+
+function delSingleRecord(biblionumber){
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    var arrayRecords = valCookie.split("/");
+    var pos = jQuery.inArray(biblionumber,arrayRecords);
+    arrayRecords.splice(pos,1);
+    valCookie = arrayRecords.join("/");
+    writeCookie( nameCookie, valCookie );
+    updateBasket( arrayRecords.length-1 );
+    updateLink(biblionumber,"del");
+    showCartUpdate(MSG_RECORD_REMOVED);
+}
+
+function delSelRecords() {
+    var recordsSel = 0;
+    var end = 0;
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie, 1);
+    if (valCookie) {
+        var str = document.myform.records.value;
+        if (str.length > 0){
+            recordsSel = 1;
+            var str2 = valCookie;
+            while (!end){
+                s = str.indexOf("/");
+                if (s>0){
+                    num = str.substring(0, s);
+                    str = delRecord(num,str);
+                    str2 = delRecord(num,str2);
+                    updateLink(num,"del",top.opener);
+                } else {
+                    end = 1;
+                }
+            }
+
+            if (str2.length == 0) { // equivalent to emptying the basket
+                var rep = false;
+                rep = confirm(MSG_CONFIRM_DEL_BASKET);
+                if (rep) {
+                    delCookie(nameCookie);
+                    document.location = "about:blank";
+                    updateBasket(0,top.opener);
+                    window.close();
+                } else {
+                    return;
+                }
+            } else {
+                writeCookie(nameCookie, str2, 1);
+            }
+        }
+    }
+
+    if (recordsSel) {
+        var strCookie = "";
+        var nameCookie = "bib_list";
+        var valCookie = readCookie(nameCookie, 1);
+        strCookie = nameCookie + "=" + valCookie;
+        var arrayRecords = valCookie.split("/");
+        updateBasket(arrayRecords.length-1,top.opener);
+        document.location = CGIBIN + "opac-basket.pl?" + strCookie;
+    }
+    else {
+        alert(MSG_NO_RECORD_SELECTED);
+    }
+}
+
+function delRecord (n, s) {
+    var re = /\d/;
+    var aux = s;
+    var found = 0;
+    var pos = -1;
+
+    while (!found) {
+        pos = aux.indexOf(n, pos+1);
+        var charAfter = aux.charAt(pos+n.length); // character right after the researched string
+        if (charAfter.match(re)) { // record number inside another one
+            continue;
+        }
+        else { // good record number
+            aux = s.substring(0, pos)+ s.substring(pos+n.length+1, s.length);
+            s = aux;
+            found = 1;
+        }
+    }
+
+    return s;
+}
+
+
+function delBasket() {
+    var nameCookie = "bib_list";
+
+    var rep = false;
+    rep = confirm(MSG_CONFIRM_DEL_BASKET);
+    if (rep) {
+        delCookie(nameCookie);
+        updateAllLinks(top.opener);
+        document.location = "about:blank";
+        updateBasket(0,top.opener);
+        window.close();
+    }
+}
+
+
+function quit() {
+    if (document.myform.records.value) {
+        var rep = false;
+        rep = confirm(MSG_CONFIRM_DEL_RECORDS);
+        if (rep) {
+            delSelRecords();
+        }
+    }
+    updateBasket(arrayRecords.length-1,top.opener);
+    window.close();
+}
+
+function sendBasket() {
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    var strCookie = nameCookie + "=" + valCookie;
+
+    var loc = CGIBIN + "opac-sendbasket.pl?" + strCookie;
+
+    var optWin="dependant=yes,scrollbars=no,resizable=no,height=300,width=450,top=50,left=100";
+    var win_form = open(loc,"win_form",optWin);
+}
+
+function downloadBasket() {
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    var strCookie = nameCookie + "=" + valCookie;
+
+    var loc = CGIBIN + "opac-downloadcart.pl?" + strCookie;
+
+    open(loc,"win_form",'dependant=yes,scrollbars=no,resizable=no,height=300,width=450,top=50,left=100');
+}
+
+function printBasket() {
+    var loc = document.location + "&print=1";
+    document.location = loc;
+}
+
+function showMore() {
+    var strCookie = "";
+
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    if (valCookie) {
+        strCookie = nameCookie + "=" + valCookie;
+    }
+    var loc = CGIBIN + "opac-basket.pl?" + strCookie + "&verbose=1";
+    document.location = loc;
+}
+
+function showLess() {
+    var strCookie = "";
+
+    var nameCookie = "bib_list";
+    var valCookie = readCookie(nameCookie);
+    if (valCookie) {
+        strCookie = nameCookie + "=" + valCookie;
+    }
+    var loc = CGIBIN + "opac-basket.pl?" + strCookie + "&verbose=0";
+    document.location = loc;
+}
+
+function updateBasket(updated_value,target) {
+    if(target){
+    target.$('#basketcount').html("<span>"+updated_value+"</span>");
+    target.$('#cartDetails').html(MSG_IN_YOUR_CART+updated_value);
+    } else {
+    $('#basketcount').html("<span>"+updated_value+"</span>");
+    $('#cartDetails').html(MSG_IN_YOUR_CART+updated_value);
+    }
+    var basketcount = updated_value;
+}
+
+function openBiblio(dest,biblionumber) {
+    openerURL=dest+"?biblionumber="+biblionumber;
+    opener.document.location = openerURL;
+    opener.focus();
+}
+
+function addSelToShelf() {
+    var items = document.getElementById('records').value;
+    if(items){
+    document.location = "/cgi-bin/koha/opac-addbybiblionumber.pl?biblionumber="+items;
+    } else {
+        alert(MSG_NO_RECORD_SELECTED);
+    }
+}
+
+///  vShelfAdd()  builds url string for multiple-biblio adds.
+
+function vShelfAdd() {
+        bibs= new Array;
+        if(document.bookbag_form.biblionumber.length > 0) {
+                for (var i=0; i < document.bookbag_form.biblionumber.length; i++) {
+                        if (document.bookbag_form.biblionumber[i].checked) {
+                                bibs.push("biblionumber=" +  document.bookbag_form.biblionumber[i].value);
+                        }
+                }
+        if (bibs.length == 0) { showListsUpdate(MSG_NO_RECORD_SELECTED); }
+            return bibs.join("&");
+        } else {
+            if (document.bookbag_form.biblionumber.checked) {
+                return "biblionumber=" + document.bookbag_form.biblionumber.value;
+            }
+        }
+}
+
+function showCart(){
+        var position = $("#cartmenulink").offset();
+        var scrolld = $(window).scrollTop();
+        var top = position.top + $("#cartmenulink").outerHeight();
+        if( scrolld > top ){
+            top = scrolld + 15;
+        }
+        var menuWidth = 200;
+        var buttonWidth = $("#cartmenulink").innerWidth();
+        var buttonOffset = menuWidth - buttonWidth;
+        var left = position.left;
+        $("#cartDetails").css("position","fixed").css("left",left);
+        $("#cartDetails").fadeIn("fast");
+}
+
+function showLists(){
+    var position = $("#listsmenulink").offset();
+    var top = position.top + $("#listsmenulink").outerHeight();
+    var menuWidth = 200;
+    var buttonWidth = $("#listsmenulink").innerWidth();
+    var buttonOffset = menuWidth - buttonWidth;
+    var left = position.left;
+    $("#listsDetails").css("position","fixed").css("top",top);
+    $("#listsDetails").css("position","fixed").css("left",left);
+    $("#listsDetails").fadeIn("fast");
+}
+
+function hideCart(){
+    $("#cartDetails").fadeOut("fast");
+}
+
+function hideLists(){
+    $("#listsDetails").fadeOut("fast");
+}
+
+function updateLink(val,op,target){
+    if(target){
+        if(op == "add"){
+            target.$("a.cart"+val).html(MSG_ITEM_IN_CART).addClass("incart");
+            target.$("a.cartR"+val).show();
+        } else {
+            target.$("a.cart"+val).html(MSG_ITEM_NOT_IN_CART).removeClass("incart").addClass("addtocart cart"+val);
+            target.$("a.cartR"+val).hide();
+        }
+    } else {
+        if(op == "add"){
+            $("a.cart"+val).html(MSG_ITEM_IN_CART).addClass("incart");
+            $("a.cartR"+val).show();
+        } else {
+            $("a.cart"+val).html(MSG_ITEM_NOT_IN_CART).removeClass("incart").addClass("addtocart cart"+val);
+            $("a.cartR"+val).hide();
+        }
+    }
+}
+
+function updateAllLinks(target){
+    if(target){
+        target.$("a.incart").html(MSG_ITEM_NOT_IN_CART).removeClass("incart").addClass("addtocart");
+        target.$("a.cartRemove").hide();
+    } else {
+        $("a.incart").html(MSG_ITEM_NOT_IN_CART).removeClass("incart").addClass("addtocart");
+        $("a.cartRemove").hide();
+    }
+}
+
+$("#cartDetails").ready(function(){
+    $("#cartDetails,#cartmenulink").click(function(){ hideCart(); });
+    $("#cartmenulink").click(function(){ openBasket(); return false; });
+    $("#cartmenulink").hoverIntent(function(){
+        showCart();
+    },function(){
+        hideCart();
+    });
+    if(basketcount){ updateBasket(basketcount) }
+});
+
+$("#listsmenu").ready(function(){
+   $("#listsmenulink").mouseenter(function(){
+             var position = $("#listsmenulink").offset();
+           var top = position.top + $("#listsmenulink").outerHeight();
+            var menuWidth = 200;
+           var buttonWidth = $("#listsmenulink").innerWidth();
+            var buttonOffset = menuWidth - buttonWidth;
+            var left = position.left;
+              $("#listsmenu").css("position","fixed").css("top",top);
+                $("#listsmenu").css("position","fixed").css("left",left);
+              $("#listsmenu").fadeIn("fast");
+        });
+    $("#listsmenulink").mouseleave(function(){
+             $("#listsmenu").fadeOut("fast");
+       });
+});
diff --git a/koha-tmpl/opac-tmpl/ccsr/en/js/script.js b/koha-tmpl/opac-tmpl/ccsr/en/js/script.js
new file mode 100644
index 0000000..fcc4edc
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/ccsr/en/js/script.js
@@ -0,0 +1,110 @@
+function _(s) { return s } // dummy function for gettext
+function confirmDelete(message) {
+    return (confirm(message) ? true : false);
+}
+
+function Dopop(link) {
+    newin=window.open(link,'popup','width=500,height=400,toolbar=false,scrollbars=yes,resizeable=yes');
+}
+
+$.datepicker.setDefaults({
+        showOn: "both",
+        changeMonth: true,
+        changeYear: true,
+        buttonImage: '/opac-tmpl/prog/famfamfam/silk/calendar.png',
+        buttonImageOnly: true,
+        showButtonPanel: true
+    });
+
+$(document).ready(function(){
+    $(".close").click(function(){
+        window.close();
+    });
+    $(".focus").focus();
+    $( ".datepicker" ).datepicker();
+    // http://jqueryui.com/demos/datepicker/#date-range
+    var dates = $( ".datepickerfrom, .datepickerto" ).datepicker({
+        changeMonth: true,
+        numberOfMonths: 1,
+        onSelect: function( selectedDate ) {
+            var option = this.id == "from" ? "minDate" : "maxDate",
+                instance = $( this ).data( "datepicker" );
+                date = $.datepicker.parseDate(
+                    instance.settings.dateFormat ||
+                    $.datepicker._defaults.dateFormat,
+                    selectedDate, instance.settings );
+            dates.not( this ).datepicker( "option", option, date );
+        }
+    });
+    // clear the basket when user logs out
+    $("#logout").click(function(){
+        var nameCookie = "bib_list";
+        var valCookie = readCookie(nameCookie);
+        if (valCookie) { // basket has contents
+            updateBasket(0,null);
+            delCookie(nameCookie);
+            return true;
+        } else {
+            return true;
+        }
+    });
+});
+
+// build Change Language menus
+YAHOO.util.Event.onContentReady("changelanguage", function () {
+    $(".sublangs").each(function(){
+        var menuid = $(this).attr("id");
+        var menuid = menuid.replace("show","");
+
+        var oMenu = new YAHOO.widget.Menu("sub"+menuid, { zindex: 2 });
+        function positionoMenu() {
+            oMenu.align("bl", "tl");
+        }
+        oMenu.subscribe("beforeShow", function () {
+        if (this.getRoot() == this) {
+            positionoMenu();
+        }
+        });
+        oMenu.render();
+        oMenu.cfg.setProperty("context", ["show"+menuid, "bl", "tl"]);
+        function onYahooClick(p_oEvent) {
+            // Position and display the menu
+            positionoMenu();
+            oMenu.show();
+            // Stop propagation and prevent the default "click" behavior
+            YAHOO.util.Event.stopEvent(p_oEvent);
+        }
+        YAHOO.util.Event.addListener("show"+menuid, "click", onYahooClick);
+        YAHOO.widget.Overlay.windowResizeEvent.subscribe(positionoMenu);
+
+    });
+});
+
+/*
+// Build lists menu
+YAHOO.util.Event.onContentReady("listsmenu", function () {
+    YAHOO.widget.Menu.prototype.onRender = function () { };
+    $("#listsmenu").css("display","block").css("visibility","hidden");
+    $("#listsmenulink").attr("href","#");
+    var listMenu = new YAHOO.widget.Menu("listsmenu");
+        listMenu.render();
+        listMenu.cfg.setProperty("context", ["listsmenulink", "tr", "br"]);
+        listMenu.cfg.setProperty("effect",{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.05});
+        listMenu.subscribe("beforeShow",positionlistMenu);
+        listMenu.subscribe("show", listMenu.focus);
+        function positionlistMenu() {
+                    listMenu.align("tr", "br");
+        }
+        YAHOO.util.Event.addListener("listsmenulink", "click", listMenu.show, null, listMenu);
+        YAHOO.widget.Overlay.windowResizeEvent.subscribe(positionlistMenu);
+ });
+*/
+
+jQuery.fn.preventDoubleFormSubmit = function() {
+    jQuery(this).submit(function() {
+        if (this.beenSubmitted)
+            return false;
+        else
+            this.beenSubmitted = true;
+    });
+};
diff --git a/koha-tmpl/opac-tmpl/ccsr/images/arrow-right-grey-11x6.png b/koha-tmpl/opac-tmpl/ccsr/images/arrow-right-grey-11x6.png
new file mode 100644
index 0000000000000000000000000000000000000000..702043ecb78038ac3712722490980641a99c20a5
GIT binary patch
literal 1099
zcmb7DO=#0l98YzAO(tFhCn_;h5Vg&FP0}`DRnsQXs-3l~Y=X+N<aG^O@?!F8vz<1-
z1rHun=E(`7g5c4M2TzK6@G1y`h~E6T2wpt+(yi0O5DdJ$4}QPj|NClX;6P9Jrf!B|
zdP)biD&1GowRUy<KUw{Ci*CI{A0~siPFiMw7}dt3h%LG17^))Eo;>pk^)t-!(@t%e
z440267Isr+j7deVPuUF9zc2DlYa9`F6pcAvp8Njv8OJ(yo*R<NpzIe>!#Ow=puwqu
znl&|U$u_rdFWVm}RKP{VWFvRN3zaC(wRIJGj-PpsZ9~X-o||`SxLje2I6$nF0!a&G
zAe#|WPz16l?_tvb0v@J$kWE6MNLd9ycH!fwwZN_`Rn1tiMQ?eoL5Q#Le5=(;wS*K7
z#&{^pG7r*xI-R75WH{*&GfH}4Uq?Yhp%pkjaj?h6ismS8k~~K}oe#nF%jHF3FI-3z
zO&K4VJ`YoXcilLyHaa9#^v8`Q(P3@UM|>59xEWZq9`(Ksnda`_hGHP~MmZWdv?%6;
zhOMTHJW|r~T(jxeN<qvOi$Yd3GJ0AoLMRJbMwev4$O2I}WU(XgH<3!FY|725MI!^V
zB9ufGLLC+~K~oD*7lA72IUskqB`+kVXQ9|=%ys^7g@1CDVt`D7gBr#Yo$^;2nBcI1
zeYQ9#vO|t%<5n0~W<F321<qMy8v%CNc4`%83G0TKGgMi~${Aqj5W+$_BWQvIB`6r_
zOitw%xb}aii>IFOaZ~)&B%LSPdGT?v<>_T{Xpl!IC7>fwlP&=|PUlOST8rL|e);-U
ztdESW@A~-j`SZ_Xy>ruRuAG{Vvg_|8b_Fwsnd8l6&g|>kFO~i5mP5M}&70>pUIQB{
zGwXJ~?Yh6bt3I=tK@YYazNemAwd_&v-51kc-wHeGi7hwYT==v}eRyoc$dLMeYxnU=
qqSo`|@`_K|?5?>FduA^(iIvRbAAS3;Z+~$j9`BMqpgk^(ocj$;Ggm(V

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/arrow-right-grey-logo.png b/koha-tmpl/opac-tmpl/ccsr/images/arrow-right-grey-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e9a3fae6baa73ae5f9c3a63d5f83de650cb1aea
GIT binary patch
literal 1064
zcmb7DO=#0l9M7=RxeuLqapEClG8ES2y)<b)Xx-K(b(M9Fu3!%ynkH{;T=TKy)pi46
z?4sVp)4Yhg?Vuh6PYQw{I+zzh7@ov~*Ln8jOSf)2jDdld_rdS?`+q;4o4q;If4QHc
zsG<C{RwR2bS!erBlmFjWzn_zB1nXry?=9e#5g=;H@~Vi=J4Ou^kzp+_ZJ`uJovPZU
zGA<WpRMT@<Bf_w4$0uxxN=>wV!(2p|uA-XlrkUM$9~j!U(###P01AE<)$Qq(0L`z=
zmduq!Q?Zzd8+59z5&;KcgKj$wH&okcrlYHpbM(wHbO(YL)6AYz<-#1D^#VkTEQp&R
z3F)N3LIEg(GEVaV0uJ&Vkm3-iqND;y?|%%j7FY{vQOoVyBDXYC$JkdnuGMO>tpw`@
zH4Z9@!U3M+`8Ywu!(|s6?YJ9`b`>-fnt|<O+jHqi(WrV&oMwopdm%V}p>QDVhWm*k
zDdXCP&p{S&juXYzL5H}A4&68w9hR1T#1&EKH3O5>V_~#QCb>J=Py{62sJ8=~6vb$0
zp4oJei}PBVX*O+3%?NTfn~;QDQs=cSgi1n7>Y|d!NkGtZiqI7}N+go3MYuvz)RQuw
z0R#x44rL)H$)cE)GLoo^g5Krk-4GkDi6WyB*FNM<oyb+Q0Wz=`lsvD|E&p8I!(LeT
zd^$TXvXCwqrtL;AQFZo$)lgvHM^-NI9J-TU)jq}pz{>zaNdOWLk}`xDAWO2O@Uj48
zUY7y0&$a$LWgPK@iyGrdqjaB0_eIBpwkMZ^!9gyWmVk`K&bh0f$w=MJYg486kLvdJ
zOuSa9_&vYAPo@SQjjX@8@}zQRc;I7fw`ZxhR2iEYj;R|@H|W8O*6Oo|<9*-y-~35`
zxwiguW;3>PX>9ZB##~}*ZE$?@W$f*P^V|L^b&A^hbm98@d$$_V?B?}Z?RBQI_77=(
BN_YSO

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/bg-result-light.png b/koha-tmpl/opac-tmpl/ccsr/images/bg-result-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d21ae5dd8307d3fec2285f9c0c12981044bf6a5
GIT binary patch
literal 1064
zcmb7DO=#0l91n^*#&%E;Q7_L7oq|pBlC)_;>umGks<zgyVi6J3<gE=`@?!F8vw72#
z9tDNn^(1=rASi+d^-^|JZ|XrW>P7G%=u5Xw4>B<D@;><ee*f>A_1cNa@qObA!%S9Y
zjRxJf(A6GG|KGu#BXrwK%odr$^Q3P_h$*?ajX=e>JE(zdcj?M2RA88`m%L_+w5q2y
z2m73zVz|T)DVt#mGf8MW3y6R=>Ucqs{rcn?3p}^Tp3hc=YN(^GH@h66x#e2ZSzd5d
zmz_BV3W-Jqd_-)J_=`cTB}I0qtI>1%%(Gw!Aqz!z&8b$k4s;wLkmZDoBjg~+$sCjg
zRaTDzQGfyuMP5)cP|&i9CP1+MvD8}R&T9?BTDL`SMYc;wsPTNi-{<-ghocS;RaNB$
zkr%}bMP%ZofY?bUh^Iyh28x}?3yFsVkSf}3+#^Mndb$>ZA6Bay!a=;AD4H@pu|pnm
z0`L22TtjqB8t9K3|3t^lr4aEA6ysjx(0a^IjmR{2n;S}j)En(g<k6zoiw1UjJ_<<1
zD6+kt=W1m+uj`T`TRBrSbO=?+$eCGHvJ^o!Ema-~{7s~ioJ+ZRAusEqB@3pcKxo2}
zDdkFnsu*QMSCy<X;#Pu~*nxvmqbb+>!<9DWYI=lhf}<wJi=*<_yO`j(i$kE#$>6*f
zxVRsum01haK#_M9xmJXIFifrH{lmH?=dF?|DQZrzObB6F%t?lng;^+BVlH1|*SYS0
zr;Dea@M%;0)g+@Q+Ii`5qvh#kV`xx7CncgI@!{^-Q*@jzSBz3KdHbTiI?fyzdw1{G
zufeD3+SIrACvRLEyX6Jap@-*++W@nAs@$!9-IaWvxY*%##)U6?&PLByrl$vd{5g6$
zSb4Yd<Me~WFK-_jbXR{qzyIdo>%qqzg)I}z?EdYKgWVU7r?XozYsRDU<?Fuz3LjCz

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/bg-results-control.png b/koha-tmpl/opac-tmpl/ccsr/images/bg-results-control.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7c98b7ea78a7f3accb22237166b5662436efec2
GIT binary patch
literal 1023
zcmb7DOKa3X9AE9hQYeTAsS0*TuWmAvWRp$ky6om*7u;I5i``yI^O$x+H<_5sx@o=m
zx`-DqegzML;!#l$yog`GgQxll1VOy0b+X-Edng41lX>v_{r>MqE6dkrXD-eZ3WeFm
zlG$SW6kGGtr`i9-#{M+hE>NpOSIHI~I0-J)eBxrz2%T-*!j8Xt>l0pNq>Z56p`GS+
z-6J9I<QP5+W5zBN7OPq8csrN^7jFkqh5PpQJqH56!mX8>uo)Y;8!YW5cy({N?d|P&
zn$K0Qg2hZ{0wJaj$iiNf>RE*w>gw#AKMNcfLg-F~J9MhkTmc42Feve`=s^VmMdpzV
zHCej?M2Mh(L;<Qr1oe`tLj*=2$E+p(mfkY$ku7$sa9v7cT@VI?0Y8v<l57h|(=-8!
zf+!XlqL}VR)X9obx-eESaq1;OOal^uT+wk!pH?{L>0t<A+-y#SqjZ!gmNFr8Vgd0`
z2*W(CAv&ck{LhVJ(P?`(#zG6Hq@Q@K9$O1zGRxh`hH@bDM!%5+tSC;;Bwjzn5p9?i
zuHO%Qy)KsxLsDg1u|(5ANRv#(Dru6fLfNu4c`R_0$Rv56am%nQ8=?)NC8-EmsAfq@
z4Qi@cHw{fKsbg*<N~sfhI5(Peg9+ENPvq)Gf*nedHX*%n`B%DxlC(==V64huEr@(F
zNb|}Z25RCYxQ%@~At4y1Ru7J`Zp&r6rb()%K-)qH)kQ@zr4lM3$rhDzjT>?O|4x^{
zJQ4DyIMO8JC)RoSankbaG8q~iu}MkTNPPbBy~oB$ZJ4!o_Qid3=jZvUxmUjq4(30&
z?%h)l=gvL8_qBR?-CaNU^LwH7vHI@Wljjezd9;7?%-PMt?9<lkOF$v{NH(lx^JRVW
F{$J^(Kav0d

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/bg-search-bar.png b/koha-tmpl/opac-tmpl/ccsr/images/bg-search-bar.png
new file mode 100644
index 0000000000000000000000000000000000000000..9f7991e6079eb68a6b38834a9922e154e7a29419
GIT binary patch
literal 1024
zcmb7DJ#W)M7&Z+9s?-Sy6^80?g~UMYJAcMj(kk&s8;O)CiPW$lT>IKst$oJ65H|xL
zHWnE80cBxDomd#C*gCNy{zUl!mC89y+71;Gmd^K~_j%su{d(8lSX-FCH_vh0LUY~j
zuzij#bgTHkHct|^-K9>ScF8s!c`4@V0olT!8F@RngS}w?#WAjOT<KZZ>(hSgvFVdY
z@Cq9tj|w!$Raf)G^LH@?TX-joYy8Q#?>q>D8o#NwU@NikAY31(xI5nH`Qu&R2>8_%
zP|Zz75Mk<pJlcyhGq3RzUXz`RXORaJ6S`aD&qeiHZD5fU166=!A8H6_ihvYoD8?fo
zK?Fr4iBK;iXsWsi5tx2F^OgqNX2*7?zSynC4=7DcQ5=m%!blcKx+5aPFhnScl2m3E
z<!nEuUS5u~<r#yGGd~Rz8j=_kjNTR*(i+c{o`(=6t=0u`oJ|wOQYPkJA|e5bQB=e=
zvCe1*U&^@FI_vExSnS}83{#)gV|#f9X1V*fqr#A>F`uL%D~h*g6Mq=tm^SSiKOBaE
z*-$E$CF_c-Ig)K5WXQJWsD|w7P;p#CnGswCGD;y}Sj~begl-)=E<(sb6~)yns;cP?
zU3FB&nPHo8M!nd_h0_8XUSf@ZVofW>9wljykiA*?+XF&LHXsSGx(e6~<A98^qB7@!
z+Bgkg;=oNw1SY99!)v^|O2w@kvTkV5b(r>sq{+6dA{EK5q*dzt6dU|^x<sZ#ESlm<
zlgyr2=M~3`mS>lXp}{eml$4Fcudn7$HcpkMUGL?;x2msBL8(-_U0OUmJv%#?TUx2#
yfyYNbj{Y3<jNn0gX{DPyy#Mt5jgM>e4R>>q`#knO9ee<X#Y{Gx4f{*u`P;v)F+0Wp

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/btn-search-bar.png b/koha-tmpl/opac-tmpl/ccsr/images/btn-search-bar.png
new file mode 100644
index 0000000000000000000000000000000000000000..02a83bb1b18959f3f6e78593ae86d4dd52f63025
GIT binary patch
literal 2258
zcmbVOc~ld39uMep2}LR(Dy3t<mNUmdP6!whC{Z~~z<`1hk^v&*AQ>P~P_A;@#Zr{C
zAhA_wrNz=kmqP>;#e&LJQ2_;&OC?l61lB4$QE~SVU-!NJy*Kka=KJ}4@86re0Kd<S
z3^p2|P$(mo50j0|wwgyz2YDC1suv;C2G}bY=13ypM4k*n(FKwS2w;hLQ4kyA36kP|
zgWOQ4RguELU^v)!2bC`oVR#xDj6x(u&?uCfheFEZ$3QR;0YwSLH1r=$EoeX}prN@0
zU!1R$0YwXal4TGl*)Ncv9K)vw&>rr9n}UiEh#;5;C`7ShIaNVJzviVPYt1nh4ZIeC
zV`%6%Mg{u@01Sx?0tgtK6CX#!0Yp3o@9aV%ksJXKhsR-YAQlfg;Yn0ykcz_rZwDID
zCKE(b*-Y=Zx{w_W9Sy@$Di)iVn21Sq#z<sQSUiP7(QtsE6C&XxPZGmCg_Brry~4nR
z<b0V>3JWD-K*Pw3ki^3@G-Bx+7erED-*?1f`P)DtA;T(oQY;>W!-_;2zg|nrVK($1
zGu|sL4@{CmST-b=#LM_dJ|eAGz)0-=T9HN&v4-j|6Cz3B#WE%Qco8IqSxg!l`GOG$
z1ynK!66pjyp6CVQh-5sTOlA<tI6Ua>%pibt0)2(!eOMewM+BL8B9ZKZ$9v)FWITmV
z_jF+*T%a?FxPoPg<uFgohgS3o5xsA*xWB|w88V0mOJso(N$g4m1Vl?<i9A{&1sEIx
z;LGC+#hSe)J#V~aLNZ|jB=D9=M8NC#Qibo)Pp14Yzu#a5|4+=Yh%s1Aar{@YtQ;W~
zs9C-%ePr{lc_1;;F*2kzo?mj<jY9oRo5iFDDh7v3Ki{z@$g-nFB(x)2ZOUY?4M{ip
zwD1?5ct%@Wk<j$=k*glw5kToB=DHm=8)73bZ!xUeZoaJaEB}?u3<cx&6U)IOi@n8d
zQiIG{TjM0N&X|wXsfy%H+dh^KeR-j$IHiARZn3=kW%-=z<gj&kh<OY}|J6cTm0yWt
zbt;{HcrNXPv;Gpr`)h`2W9Rjafc+M#pK5+iX+<o#Ya+_Wn%bXT)t9qt{U3K@ZTnN_
zZ140tqL;6V%?1OzGClRZ?;B<FxZD%|{1MAcuV3fG0rfrozWZ&=tXj#1R$aYL7I{$B
z5imJ2{Eu6ld{u7r0*<<9oIgQ&!o6W!ANSBLaQ;Sn@0ya6k5g)sCdD?BW7dkUvn8us
z9PhP-T*G0^$LV+2EsK^FO3%k<BxKrwQM2jaJU%!cJPoRTuhms+MR_l`Eitg+GDU0I
zr)!KD=h%6pDgZv!*fThsWv5=v9Z)>w6wW7%o?Pex8jXE))9S8;I*(Ro#5$KPXCGQz
zoX)v*v;+$Kd!6gk8CIDsM#pO+Dv?1r;GSyQeZJw`7opLl_V&yp|9Zf-^G5D2Xy+b&
zPjdAJWDFMsch(QDH?z7dxe-*9{Ov%`MAv%Utpi=xKdA`SIrnrvgyVHw&kR~WIyq^a
znZBD{J9IyQ9WlFcd&UpP|FmAvew0U=xN(!6qdZK<9PBPo>TzvVRkk_Q((*%F8-!JX
zq(HiV_HZAj!t(Q;*3y#?gOqdq2~|>)nL>+nR33{}IdyEnvwtK8I_m#HX8WvDWF3Fa
z&P^YBc9xCs1fX&$DLKNhPla1x)*joPwszZ1Wd&i~x}K(RMW|~-ct=-9=M4CLDX~lb
z{czd7usK&PQ}WN*jnw`mKijOFeX5c$cgpHAYY7!Q;-tTpRc~a;ZFyn-pqQg#xwx`v
z>72y6IJI^}LfZ49-M7b!x9{AM=LY!S?HV5`@4J6x(~^yUyMub#(O}=fYq9>v8oM9r
zCD`ZBkJW|$n6qG&(H=$P?wWf5jYUSPPPbIF=Bj@W-c#^0&lUgO%)Lh*A692AKM!>M
zHbrJ(BR_likvb=rTM#!1yIXXo9r?!IQi0a$7N|c9_0;wx+4UqfnfacH|DkENxglih
zR@C)#+`<H{%zQd&=2AiP7cSfKrmRm+Q4$RswalJ1hJ-pSXY@zdfuI4Up+R-!yK-CW
zDroi&XP~1|S1SJT3??}J$;Aq~d|V!F@6dYn;q<B8RMKegiODCW#s$5-JK@CmxF!E$
zLa!p<A*f%B8l%-3+?z|WO6l8|UDIsh5^^PE5T&I&7?HHv&8)Vk*06G@M*AXdms9bf
zqMuL|FvnqxUTu?sOU?<)y7o`eow6@WT|G>$?5&;+v$QF2w!bJt3G1y1UX`2o&KG<n
zuqO>Wx=)ogd9*ft{o?%8{)?QaHhYA+%1=m1vw|1RmvlO`0QFt}>z%)Z`S4D!^EnfA
zAUW4iRBYO*`>aOmf-l3ZqVV*Km}roFd%yPWs37yn7OV07<uORBe5@|n%<|drQ*B0U
z5%a58t1;Sr4vE#$u;-=`v?1i0&-i9DUYviZfb{s3E_e2PK$^$Pv)bO2+ee*7Z7mo;
zaPO+dpHKK2x>YIV%DtCm%|c8~rB6lW`3BbuTWE_3U)`+Fno`9rgh9(jCaJ7v0|y@&
k1m_Zt4gBe}+@fuWnsBy*PtkV0)cj?zy!@Cop5Yn)23<m+a{vGU

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_header.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_header.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fd8125f032576faa62f0f010a3c171f6ca824f0
GIT binary patch
literal 153
zcmeAS@N?(olHy`uVBq!ia0vp^EI=&F!2~3kyrQarlw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6JlB5O|<$B>F!NhPJFX$_3i{{NSpVEMnWKtkf5@ZvZ3?L{vC
zd-!C*i-SiG<}zHY3YhZu@XOpqZx))YU|`~5XfgG<>zBRO5@-yAr>mdKI;Vst0CR9Q
A5dZ)H

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_login-bottom.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_login-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..90a442972f097e08288d6f168b9503cb8c4911f8
GIT binary patch
literal 297
zcmV+^0oMMBP)<h;3K|Lk000e1NJLTq007ef000aK0ssI2cMTtO0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUy%Sl8*RCwC#m_Z7IFcd`l17g6qFbdxP
zOrAoBxG+N8m`*Kd_iewMd1MjH?(>*9kzp8&$qzyl*>^FV0=Wg6M{Y7tL^uVatsN+e
zf`cH+z&cacb!NdJioiGLoN1aSXI{8O(>#H7##-C9En|<U1s;5Zb+2ygy=UwZwZMaK
z*hoI&ZdsOTn$|UnF#X8CoU1B_z(cjT%sUS9IF2C%$VdOkZ=J*Hx~}j0^A+zh@6EPt
v^E}5GQ%W2e`5yezp~<3Blx6w({VBiz>oG@P-QZ?j00000NkvXXu0mjfrY(P<

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_login-top.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_login-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..6fb45921b0d9002194289ce043bb04143d35b866
GIT binary patch
literal 961
zcmeAS@N?(olHy`uVBq!ia0vp^ml+rs#W<LNtYULhTOcJ_;u=vBoS#-wo>-L1;Fyx1
zl&avFo0y&&l$w}QS$HzlhJk@O+0(@_q~g|_JE!wzJ4iHKYzWrVjkAdR@i$&)()2h9
znVDffgmw#GbO}_|Un3Fo!g95W_m`LQ5^XNeKmU9<`EFi#XlU$p-^(@!rl&@Ri5$%_
z^S=D$^L=^yIxfz2VXIeZeYQFMxy0)4!&M(kk3Zg+S!ZiMee=!BNgF#Bt@vAg<=mdP
zWxM0n$H(`(Dq2_tUbk1DeEesP-CV!J>kD@u(wlzzq{=keyPT!1$DA^M|NZA*nHni}
z^t;N>XRj`-ybz(GyJlVf(^mD)>C=7ZJzvLd%ds@qZ1#pT#~yl`oem0bk$ddzTv}MM
z%|qzv#pknTx4e3E_@ThN-!Xhu!pHNk9<6_?;(UFPhSglZWwPb7YV;USIae;QnZk}j
zwSQWm{`UK}z88i4pXTr$&FcQ-P^rN`r5!>Y-+%13@fo0=+BMt!coLp1v<Z+q#rzbR
zLNc@M==Ss(K;6G0a%-#GX2Q(4FhBRLN-|jQ<2~m;^D!IqKW+RJAa~~-=V3piG;{+&
z#se)ZkdgzdlXzb{&-f(B*eS;?-hY1cJP~Npi>j?#S2w|IX#eye>Ruv>>kdDhB7$tP
zq0HN#Hoq&u#z5T#)Fl*O1#uV9Plj#j(ebuP2rurK7Ap$!`l;kS-z)vvu*o=A7Ti|n
zdH&hpbAX%%#8Vpmi5up(LtU2lyXBz|k`J4+Z-yQ`<6L>+c-CuF_bs&9aRw<Yk}I~A
zs!2k_32Ji8wRbAFy^aC3BSqr$ANRyil>t>BwElmQ9a&U@Z}~&R&p+;`%`2Bc4uazb
z7440PP(+G(NCeG$pKFNhwTB<}>Xr-6tc=JFg!ort*L@})hSpj0w!K*Ln;V!X89ZJ6
KT-G@yGywn#%E21|

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_login.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_login.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c228a625401303f5880ad1bbe8874daae515349
GIT binary patch
literal 212
zcmV;_04x8AP)<h;3K|Lk000e1NJLTq0006200AHf0ssI25yv(90000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUyc1c7*RCwCVR6z>BAPlRc|9|H25rs~V
zjv>`VotJ=+HjSw%=iAIK5mD6&<@^v-#4EV-ioGr=rOzt+q{plD=%o2NB8J5e%bk7V
zSzk&&Ut|{Q1QwKS$qMi|a>3}w>EJhmMvA%NoORm0lxL@1pOCigBftQIG(!gt_c4e7
O0000<MNUMnLSTaIZ&kGb

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-control-left.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-control-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5290ac4fce4620cf8290e84b0b13e8bdc26fc97
GIT binary patch
literal 514
zcmeAS@N?(olHy`uVBq!ia0y~yU_Jt5YjZFGNkfxsSwKp%#5JNMI6tkVJh3R1!7(L2
zDOJHUH!(dmC^a#qvhZZ84Fdz?5>FS$kcwMx?rh9D6d=*|(B;Uvw}0;kiZ9$D!ZPs|
zM`-dT31Mc>)=QU87M&BwsGN85=j^yTKcDtQk9{R~m+G8ew(|BiUj~MT*_YnW(ChkB
zaN~bYHUq<h=`;4-%8P&fD}|4NfusB7-FIs>ilP}993p(S=WdQ$&%?;Tuuv^EG6F~|
z`S>qC<=)P~ARv4>w%k+5ke7ksq2b-{UQ!GUi;`|h^D{7X^kn7(9jjopOm-O~gM!tv
zt0oK#E=RYd%K>#sUe>z|lmkj6yqRGJ^gmF-94G>mm{$pO*$g&dhycw@0-E=)*ylHc
zAkfa_Td6?q5uh<WvX|X}s!q%ZgPC$>#<zSlgF}RcfsU7%o(VJ-s_cRPj3t>_tU$*Z
z%su;V*0UTApilc={{G#rQ*Fq?z|i8gdeyA+@_Xm7F*H1wu`lgQ(a$#)KxY^l+VcEO
z`Z(ozbul<R>i^x!xwiW1ruWs0!Tk8S=S!#M_8s4|>Ygt%1H<-O4g&^mfj!TT>Rw0y
PMk<4+tDnm{r-UW|2pzhp

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-control-right.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-control-right.png
new file mode 100644
index 0000000000000000000000000000000000000000..9a10299760bd016b6d1844bf45a84f717194ede3
GIT binary patch
literal 515
zcmeAS@N?(olHy`uVBq!ia0y~yVBQC0YjZFG$qVs^t$~zeiEBhjaDG}zd16s2gJVj5
zQmTSyZen_BP-<dIW#P$G8wLi(rJgR1Ar-gY+&%5Z6v%KqF@4W{ch-+W3xE967x}@`
z+4aC-;mi<^h>CMgi;jL@TQV*E>*Mp1zSB-G2U_&OcWczzt5S3QmdC7%k()M$n}H#w
z^5=%zxxfE9ZomE8>-puEPcj%79xN}`S|4`4a$djNWEIaKb)Zi3CqL`<#)+;u$G{-4
z<>s2(Z`WOwWMDW{wtFp@{`R|eWxxcGWP!z=X+0oDiOs&98yFcF0%LA4Ff{BaF|%T3
za7eMrPG?}~@JJUoV_;Cwn!6ULQeiG5!-IJ*-v|JiN^|d)vN1HQC@D*1W?)!i%)sCQ
zR1Y%vgZ$;2*-b!mr=AOg3Kg6$DdPZ(+yc4<r1*~Z+`os|7#LiZZU#9EEadwNs79d;
z#s``ABl#W3F%cUhwt(rSL0_k901cX!8hP>s4+Fz?RZk-sKd@g7<m^pm`>qC=ed#st
zv(HC=HiJy6o4)L2&bAqT^7i|qK+ca^ef8X?dlfcouS-vFf6v6j;P2Kn_xD_{H^5kB
N@O1TaS?83{1OSUk#hm~E

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-left.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..beb203a55bdfe374816ef671193719c0f6339188
GIT binary patch
literal 560
zcmeAS@N?(olHy`uVBq!ia0y~yU|tGj8*(rK$+a;vZUQOE64!{5;QX|b^2DN42FH~A
zq*MjZ+{E<Mpwz^a%EFVWHVh1mmpok@Ln>~)xwFyhbpk`%Lp2tw7gx$&UGPjl|2Mu{
zZ>d&Cu8D1KN8^#M7p61%pEo)@%dh(RbMm97Pcy$Qes4c(S?2BH>!rpF3^Vq<`u_Iq
zT05C<k1eEF85&mH+iUXf^XJPyYmC?#7!psN-h6+5S1bdAQfTb;t6vWaFfh1i&3<+l
z=z}Gz{FeXU7s$+@5PI|bUQq@Hk5Jyj39JkZK~vQj7!)F&e$r!Ls1j#jP&--6#=tPi
z@;)nr!+R!%11Z(lIT#q8e0!IpR>8<{;%)4ANd|@syBQb^uHG{R2E@+2um1tHp4|J|
zju~RY7a;e~Ua;iJz1k2>|I>k%>@1%PG;u*WBSXTfz1b{4TdKo9FfmNHy?b9c&|whi
z33qq9fz`6=BO6{L&d~4%)y(fegFN2F9tXNb<$GSB$YTo$CWeMH_vW5|o_kvg%#76$
z+kN*OI2f+KE)5iE1DYIET3TA`8RxzS6gc|l&z^l-v~vqEASzd_f2MnS_wM@JZ@)c!
zSSRskH6ugAntOk@-OLGFef9C<b?aU~{+J=fz`#_)Wx%jdZ+>0C;RaxuU|{fc^>bP0
Hl+XkKqq686

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-right.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_search-right.png
new file mode 100644
index 0000000000000000000000000000000000000000..812bc37eeb11c46db58d3cc4a743729f02a28908
GIT binary patch
literal 555
zcmeAS@N?(olHy`uVBq!ia0y~yV4e$P8*(rK$!ir+qCiTr#5JNMI6tkVJh3R1!7(L2
zDOJHUH!(dmC^a#qvhZZ84Fdz?Sx*<okcwMx?(X(u3KVI(IFnI^QBrcnjuy82|7F+I
zNI2>>diDsYWK}S6e>)j9cgpTxpPo1TynQ>Hje((XO6twG-&U=9RU(%szwIt7LqmjJ
z{hPAe7c*>RuGPm@?~Iwl#?Vl(PIh<HUUOgLnLeLw^kY~U8g|Tjwj*x6QME1u!^K=P
z`OvR9>sc8T_WZ5O2GfThW`OC-FHgsDGdNT{|9lffbG_Nh!0;l9fnf*#Jw*nF2}~gU
zyTlk6-Yv_PWn^gh5j#8ekQj)5Eei|<u*_1Z%<Ed9TFsKR<s1+rE&z@CP#^mm$X#+_
zD^%Ba0R{$-h1qXm)=Xbl%EG`9^dc$|X#1aaU-ue<c_3>uOV%m_o#1qxE1H4fQTf{M
zKs`W%z5!i#=|z+~1A{{AI?-(m3`gEaz0YO@nR*tXVo~<iD3HoS+Na&`OEUv~{&0g{
z4A2J`KH1FoQwK>U%|8G9@4v}=f!;ZA?D5B<pOb#>=V4%A2^BfIHAB4n===G(;*1Om
q(+(yCT>qM5_Wo<tcK-dW5)5*ax~Fvol>;5Xz~JfX=d#Wzp$Py}rrRh0

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_bg_submit.png b/koha-tmpl/opac-tmpl/ccsr/images/img_bg_submit.png
new file mode 100644
index 0000000000000000000000000000000000000000..4de790d81339e7dcd399dc09f2d2b23904872625
GIT binary patch
literal 139
zcmeAS@N?(olHy`uVBq!ia0vp^OhBy60U`}md>#NP$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWw1Gx}GkMAr-fh-dL2hH#Rmt{r~^JLsusw&jK5v74`rBO;qjZ
jci*It$o0y;fq|JJ`f!r@b^|qYphgByS3j3^P6<r_S@$dm

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_logo_koha.jpg b/koha-tmpl/opac-tmpl/ccsr/images/img_logo_koha.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5056181bc03aa3c46de503463fa5649fc4c5f86c
GIT binary patch
literal 2699
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
Oix;S!CSezOlm7uv5y9X9

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_puce_liste.png b/koha-tmpl/opac-tmpl/ccsr/images/img_puce_liste.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c14659d562239919b2825ba8e4bce2d5e70324e
GIT binary patch
literal 573
zcmV-D0>b@?P)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz-$_J4RCwA{QaP>~K@ct4%xVye@JJ96
zB9U<b4!{vSG1)(iGv5P=l;{&+643vM1ds^WKFa{JFYT(fW`tWRwYvJfdbQ;^=a8Nt
z2s^Ip^gPe&20_p!Up}9otExKE_3r~kk^f|1B9c9y&;D+=`?%e1-1B^%#ECH1b@}CT
z;hW8d{`x6CBW<@^3l%vXx^3GQ=KF#0QLyE5X<-mS2K?xdQc8L}9{hg4^Vw`BZp*Sb
zWs#B>i^T^9>@ccH)3lZ(<w+URn&02YuwJjTQjiQ-Ba}*|*7<zyF=~XWYSfsF^zY^{
z9*+TQ%Y2B1LZJYdZkPGK-<Bl_!Y~kkBuRv&XEK?<>2wl4BI=qBSVEh<s?g`_co_SJ
z0VAl_>lr4DLWrUWm?TMa*K<LV<o{A-j0u2g{=^3Q!lx(-se!KRb4J5;90wFx&Q!@#
z5~Y{=R7DkOS1Oee!;TKF*XyV4*yPAmP16J%ewM!R!+@{z7ZE=V!x#uBKKj$?)S{X3
zgmcV5YzwwsEI}N_{BSt%;c#fJRx7apxm01l-_!QImCNN;wOYlt7a@)#z+iAZ9)(h~
z+5Cm}oA9~UF5=d7FhCE1U21t8$51R5=e1gG)MzvYSW33!e+3u-h6lpJ2w9Kq00000
LNkvXXu0mjf#Q+IA

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_puce_search.png b/koha-tmpl/opac-tmpl/ccsr/images/img_puce_search.png
new file mode 100644
index 0000000000000000000000000000000000000000..13895bbba8f2a4834eab2abd920c93720e1c217e
GIT binary patch
literal 240
zcmeAS@N?(olHy`uVBq!ia0vp^96-#&!2~2P{K-BAq$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~-c6;1MVaSW-rl@qX#k6BUVcC45P-%<7j1sYdsZMa&UAG#ND
z^0h`y7kami=i`H|d$w(u`~3CC{I_?q*4iH_?h$liNbLD|uikgdwE%BT%jew!PBO<2
zsx4*tHS0o@_46CYB~JPlXRn=7RJixMr-Ll-`Hlu}>&;HJ3p>6~Oo~}lpk!q`C1^#%
ogDsEp{s^s5y#4oSJ|i20qlu%_?8mj8K-V#Ny85}Sb4q9e0J#NUQ~&?~

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_select-puce.png b/koha-tmpl/opac-tmpl/ccsr/images/img_select-puce.png
new file mode 100644
index 0000000000000000000000000000000000000000..19e124350053e99faca2a813178bc17f18b9d6cc
GIT binary patch
literal 579
zcmV-J0=)f+P)<h;3K|Lk000e1NJLTq000>P000&U1^@s6HNQ8u0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz<w-<ARCwBATy^Ow0}==U;(Q=B24YSI
z(!qBiJ`2Qsp}JD*VS<cEmdpX-WCrSii9m}Az?Q7M_yj~p0r64>>Vu##J?ZsK|NsAI
z0OATLO>Nu=_Q|sI57~h9PX^k6UqH;o^8ep|P6pZmkOz2JK;EJ?po=9;|Ni}Bz=j1m
zSs9$wBpA3^nHg}Y0bwn1J_a*6VZ3Uv`h<;ziNQialtGxAoxxjMhT-`AR}2r{eZf#;
zsVK&vAjAXazy11y;nu59IDGOSXd4Fp&+z%jFSud$suB#^k^*pfK`u51Hw`Jc1;76M
zW%vQa*v<OKz&Q8l4St}y57=B_tt`%<E-nD)Kl}KN;n|0;47$=n4D2k-V6mS-!*^bL
z!tmzH4_r|qzyh)f7dU+9IRhv(H6$PwN%3=mF${n#*nag9J`13!>mUBqb@=u(Ao(9?
zksyjV$bxN`9}=_xYzaP}z`(&<PZ>Ub|HWXgC=TYo{_>q+&$Y)4pP=zZwS02^(JO|Z
zzyC03N(wP-xpW`w6PjektIytoG3hz}-~aD4%<LfVegVY^C}1xGu`UfPxt8N>_!m~6
z^wFq3X$9waC}#l>FQc*rb8}scR)Q@-@>(<$U!X9EKn;oLJXhlsm;gY40RU71<PNAX
R>uvx5002ovPDHLkV1kYb0=NJG

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_account-bottom.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_account-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..552fe94697f185b30ed68d604d8f4a22b2afecaa
GIT binary patch
literal 205
zcmeAS@N?(olHy`uVBq!ia0vp^j6m$l!2~2(_DL@RQj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS>Jit;^O978H@)ts^9JL15>av<&Be?9hpozM53KjOS4>U2>6
zQxwCw&jJi)LN5EgT>9UvuAlw#{qgF5N2(vaW($f7@N&v#O*UDR%62ZY;=MqVdrxAw
zho;i=EvZu`1!g;DmuA1%o6KWopgubydt-D1Bf~LvuRxWWABI4y89ZJ6T-G@yGywqE
Ck4k0$

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_account-top.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_account-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..5567b1373579bd14afbd2e56c1425f6b14dc5528
GIT binary patch
literal 167
zcmeAS@N?(olHy`uVBq!ia0vp^j6kf*!2~29NKTs!q$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~-c6?uBPIEGZ*%IOQ_I$*%zeD&`C1FL8G>=Ju<!@c5SN7ckD
zx(u^sF1^qZP=4JoZ}k}lzey3M%j$pE+x#_uEqivJWqxjF$JP3N24)7e6V2I{X>7GX
PLm50>{an^LB{Ts50)0E8

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_account.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_account.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8311565ed57b74a6140fb5fadc4ceee46916b7e
GIT binary patch
literal 114
zcmeAS@N?(olHy`uVBq!ia0vp^j6lrE!2~30R4#4?Qj#UE5hcO-X(i=}MX3yqDfvmM
z3ZA)%>8U}fi7AzZCsS>JibOnJ978H@C0P|d;t*zLX13!INMH!q!IWMy{pvTMJcFmJ
KpUXO@geCy#bRIhZ

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_footer.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_footer.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5f87a28037a1a329d610ec4d1cfaf476990a296
GIT binary patch
literal 118
zcmeAS@N?(olHy`uVBq!ia0vp^OdvJ~h~#O~SO%mdOI#yLg7ec#$`gxH85~pclTsBt
za}(23gHjVyDhp4h+5i<vc)B=-RNPA1Q~&?l?d|JlN*ridCF0P)$Z#u<wZg-!yauR-
N!PC{xWt~$(69Bu?BH;i4

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_header.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_header.png
new file mode 100644
index 0000000000000000000000000000000000000000..94120d6e549485b830b55c8357dbff2c2e925686
GIT binary patch
literal 179
zcmeAS@N?(olHy`uVBq!ia0vp^Oh7El0V4TBv}}QtWQl7;NpOBzNqJ&XDuZK6ep0G}
zXKrG8YEWuoN@d~6R2!h8P)`@fkcwL&eT;ku6nK~-<BjJ({Quu2e8uIABrTam=Oy0H
zF=j|n%DS$oa>;p>k7lIo#e$aHPf320er^s;n;PhlGy8>j#OqbxSR0n-80Msv?)%MY
az;NwR`3IvtmsS8RVDNPHb6Mw<&;$TVpg!{e

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_search-bottom.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_search-bottom.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a5cd4e6991b48feb76cada28b5897997da75d04
GIT binary patch
literal 164
zcmeAS@N?(olHy`uVBq!ia0vp^j6ht%!2~2v&p5vZNJ*BsMwA5Sr<If^7Ns&crsOB3
zDtP85rl$s_CZ<#to=mj?DsuC5aSW-rm1I@;h(nl}`S5}RJv}`dCd|yr6M7dYK01-~
z<Hn62JsN2V;_k;4N_|vbE2il0s+>{hFoTg>c!tEc4NS=m49pA_3z?sVyx;s1Xd;8B
LtDnm{r-UW|t1&kQ

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_search-top.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_search-top.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b84c7106f3d7645e68ac56820d71d959056fc35
GIT binary patch
literal 192
zcmeAS@N?(olHy`uVBq!ia0vp^j6kf$!2~3`?xh6)DajJoh?3y^w370~qErUQl>DSr
z1<%~X^wgl##FWaylc_d9MM<76jv*DdQcfM@I;<ezdeQsef8%bAuB5CjZgVrmbahh-
zEo~}RXek|vdYxtTJf-JgWm#4I#i+&CP8EuHRc?AebB?g4YZ6b(gOB$f&N&*@Y}oJX
oVjjA4O8@`p{C{@$pXeT7*dd#Db#rCg1E6gTp00i_>zopr0AJ%tKmY&$

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_search.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_search.png
new file mode 100644
index 0000000000000000000000000000000000000000..263ab8d87297e4a55b1b547f6035e0465c27552d
GIT binary patch
literal 114
zcmeAS@N?(olHy`uVBq!ia0vp^j6lrH!2~4l?*DWZNJ*BsMwA5Sr<If^7Ns&crsOB3
zDtP85rl$s_CZ<#to=mj?DiZN@aSW-rm1I}=h(nl}nVEx`MS?+m3R6ts>xdaZc?M5c
KKbLh*2~7Yra2@ji

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_sep_tabs.png b/koha-tmpl/opac-tmpl/ccsr/images/img_sep_tabs.png
new file mode 100644
index 0000000000000000000000000000000000000000..883a26d89f58cdfeb3e86f374c8af7918974e827
GIT binary patch
literal 154
zcmeAS@N?(olHy`uVBq!ia0vp^89>a)!2~4tw$`KoDajJoh?3y^w370~qErUQl>DSr
z1<%~X^wgl##FWaylc_d9MK+!;jv*Ddl57eeaWI=QC@U+^ae3AlS)dojCN*1d9jh~o
zYs18eof4@#eB7>ezfxHtHp5S#_n{+O0|PUIhBniG$sfYiKyw&8UHx3vIVCg!08foA
AB>(^b

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_toolbar-button-cart.png b/koha-tmpl/opac-tmpl/ccsr/images/img_toolbar-button-cart.png
new file mode 100644
index 0000000000000000000000000000000000000000..40c4ef207f3663a8d61273d159f2b9402f7535a5
GIT binary patch
literal 706
zcmV;z0zLhSP)<h;3K|Lk000e1NJLTq000yK000mO1^@s678qX}0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!WJyFpRCwB~RLgGDKolK2&ch*zZ4t@>
zshGkB!XhimLj?!&D5?<R6N=c=CA;toENO+5tk`B>Hu-=iUeFbwy3j;ysD>tvT|0?6
z*E|%Orbxg@BVW&%d+wPt*Jk&ZS5)K9-8}nGBciF=vyZ#h>noS9>XmY3w{5mQ{|li&
z3WFdpe9wEj{%RwyWHJS;^KACC^;d+GFI#PMClQb9_F%y9WO2+$BtnoGi^Vv_!FbF(
z-)~Bi#Kwq+!yzYJRg`d_G)V}RbpX{*dwXm&8Zki-STdPp5mC&i(`ia(q9`(u8II$y
z5eR7?im@;I`xF<%Ny4|=+clDWc5W_AghGpyfXs?UqwGvJ%Mo({7^da>KI`>*X1CjA
zu#G7AZ-h@CuUd}lHWbKD$})MVLzM-oIub0zDpaV*4lz0+Y{(Nvr@483(G-uG+Ua!a
zaw5SpiV~7RrS7^eDb%5XBbomwU}AenCd)FBhnF}-SS}SCwryJpkitKGFc?s*4;;sW
z9V(Ql4#k2%y-QCWxHXfIMz7zm$KV-VNGg>I6~cmF3TX|htWzkMfxlE3#Lbz6Tdh{j
zJv^k=;hLt=B@qFG6)H_C7L_DDL2Dp`k97P7<x0m9=5jfXqjIQvM6EK}tWaWJy12k+
zHTJQDXxOUfc@!GdF6?_tgndbC@7{l4)G|Jb(LTDo8;jR!GYMgO^Wf_N!!fJ2-RHRR
z7f1K>dwm7?8sVy@t^V<wESHv_Z*IN`)?aP}#e3zczfq}JSvv`z8uRDQ8xK|<2F6mM
oeG<NO>-Nrt`33do`Zoav0IA9wP2cQslK=n!07*qoM6N<$f(k4>vH$=8

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/img_toolbar-button-lists.png b/koha-tmpl/opac-tmpl/ccsr/images/img_toolbar-button-lists.png
new file mode 100644
index 0000000000000000000000000000000000000000..f35ab52f19043959489bf280559aaa50de72f8e2
GIT binary patch
literal 659
zcmV;E0&M+>P)<h;3K|Lk000e1NJLTq000dD000mO1^@s6&7<`>0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!HAzH4RCwA{QooB6Q4s$2<z=(^b<ree
z!g&%x2uX~djid-6AXtbX7B)6%EyTjg%EG%wiz{pu8=FJa*eK%t1$QBkoI%hgoQQCW
zF)?~;Ha~XPojEsp^LWggH}lPW-`iE{_4<!!H0rZ$8)W2#A|Qmo%$#xD>wW*(c>C_^
zqZhAtoRYDO#bUv7xh!pqAyAxUIqOsJBbJUXLsK<uZEtCpjx9d(2vK|R{MEL!EX#D3
z9Q^7-^Z60dLb&tfHuQ;(_1b;RW-~Z7D3wYvpU<~p+4dDlRL0XWu0Onn3nwq)!`JuN
z`P{<I>MgWdEhLf&rrKyU;PH5loIO=|DiuY6X`9&n*2UV(H58Zgczk06`@P@LjeYd{
zedKaEsHzGnCA!^iOxTW&fEvKL)8|oGDq!{UT^x^}fJYSwhr<X20yKd^4n3Yqnn1vN
zwROHwYz4+-glsm;TF6Y(oS(^<-efXCyVd6BjW5O-&}=pj6;7v96pKY}EC^&61{9%S
z<;)5Og8>&2C9l`ZI;b$2Ofp@XDycgqbX`Zg-9{)BV$j0E0^AQy6a9YwoF;=vWTjH!
zBI-`bbUHn!M)!0_n}^V7GSa}B;&Eg$8IJ!q(w)!enKo-8k>p9}a5y}8R)?~?DVInj
z{%PVTbP}V{2%Sy`kw}C)yWZ6l3<jBrOHZYXYPEXshdWcqr&6gyF#+jJ^yJ>&m)$p;
to7&$liYweTqDHafZ90#QvHeGY0RZ$$741qK?_U4_002ovPDHLkV1mj>GU@;T

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/logo-koha.png b/koha-tmpl/opac-tmpl/ccsr/images/logo-koha.png
new file mode 100644
index 0000000000000000000000000000000000000000..e20b62dfc98650451ef5f2aeea35dbe271e97e48
GIT binary patch
literal 6571
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

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/ccsr/images/mobile-menu-button.png b/koha-tmpl/opac-tmpl/ccsr/images/mobile-menu-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..a19d5a5af1988c8f21ccb4d3f5935552110d9b18
GIT binary patch
literal 2546
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
PwZAYMiaoj1@?i8|!5%qo

literal 0
HcmV?d00001

diff --git a/koha-tmpl/opac-tmpl/lib/jquery/plugins/jquery.jqtransform_select.js b/koha-tmpl/opac-tmpl/lib/jquery/plugins/jquery.jqtransform_select.js
new file mode 100644
index 0000000..a192d16
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/lib/jquery/plugins/jquery.jqtransform_select.js
@@ -0,0 +1,366 @@
+/*
+ *
+ * jqTransform
+ * by mathieu vilaplana mvilaplana@dfc-e.com
+ * Designer ghyslain armand garmand@dfc-e.com
+ *
+ *
+ * Version 1.0 25.09.08
+ * Version 1.1 06.08.09
+ * Add event click on Checkbox and Radio
+ * Auto calculate the size of a select element
+ * Can now, disabled the elements
+ * Correct bug in ff if click on select (overflow=hidden)
+ * No need any more preloading !!
+ *
+ ******************************************** */
+
+(function($){
+ var defaultOptions = {preloadImg:true};
+        var jqTransformImgPreloaded = false;
+
+  var jqTransformPreloadHoverFocusImg = function(strImgUrl) {
+            //guillemets to remove for ie
+          strImgUrl = strImgUrl.replace(/^url\((.*)\)/,'$1').replace(/^\"(.*)\"$/,'$1');
+         var imgHover = new Image();
+            imgHover.src = strImgUrl.replace(/\.([a-zA-Z]*)$/,'-hover.$1');
+                var imgFocus = new Image();
+            imgFocus.src = strImgUrl.replace(/\.([a-zA-Z]*)$/,'-focus.$1');
+        };
+
+
+   /***************************
+     Labels
+       ***************************/
+   var jqTransformGetLabel = function(objfield){
+          var selfForm = $(objfield.get(0).form);
+                var oLabel = objfield.next();
+          if(!oLabel.is('label')) {
+                      oLabel = objfield.prev();
+                      if(oLabel.is('label')){
+                                var inputname = objfield.attr('id');
+                           if(inputname){
+                                 oLabel = selfForm.find('label[for="'+inputname+'"]');
+                          }
+                      }
+              }
+              if(oLabel.is('label')){return oLabel.css('cursor','pointer');}
+         return false;
+  };
+
+    /* Hide all open selects */
+    var jqTransformHideSelect = function(oTarget){
+         var ulVisible = $('.jqTransformSelectWrapper ul:visible');
+             ulVisible.each(function(){
+                     var oSelect = $(this).parents(".jqTransformSelectWrapper:first").find("select").get(0);
+                        //do not hide if click on the label object associated to the select
+                    if( !(oTarget && oSelect.oLabel && oSelect.oLabel.get(0) == oTarget.get(0)) ){$(this).hide();}
+         });
+    };
+     /* Check for an external click */
+      var jqTransformCheckExternalClick = function(event) {
+          if ($(event.target).parents('.jqTransformSelectWrapper').length === 0) { jqTransformHideSelect($(event.target)); }
+     };
+
+    /* Apply document listener */
+  var jqTransformAddDocumentListener = function (){
+              $(document).mousedown(jqTransformCheckExternalClick);
+  };
+
+    /* Add a new handler for the reset action */
+   var jqTransformReset = function(f){
+            var sel;
+               $('.jqTransformSelectWrapper select', f).each(function(){sel = (this.selectedIndex<0) ? 0 : this.selectedIndex; $('ul', $(this).parent()).each(function(){$('a:eq('+ sel +')', this).click();});});
+            $('a.jqTransformCheckbox, a.jqTransformRadio', f).removeClass('jqTransformChecked');
+           $('input:checkbox, input:radio', f).each(function(){if(this.checked){$('a', $(this).parent()).addClass('jqTransformChecked');}});
+      };
+
+    /***************************
+     Buttons
+       ***************************/
+  $.fn.jqTransInputButton = function(){
+          return this.each(function(){
+                   var newBtn = $('<button id="'+ this.id +'" name="'+ this.name +'" type="'+ this.type +'" class="'+ this.className +' jqTransformButton"><span><span>'+ $(this).attr('value') +'</span></span>')
+                                .hover(function(){newBtn.addClass('jqTransformButton_hover');},function(){newBtn.removeClass('jqTransformButton_hover')})
+                              .mousedown(function(){newBtn.addClass('jqTransformButton_click')})
+                             .mouseup(function(){newBtn.removeClass('jqTransformButton_click')})
+                    ;
+                      $(this).replaceWith(newBtn);
+           });
+    };
+
+    /***************************
+     Text Fields
+   ***************************/
+  $.fn.jqTransInputText = function(){
+            return this.each(function(){
+                   var $input = $(this);
+
+                 if($input.hasClass('jqtranformdone') || !$input.is('input')) {return;}
+                 $input.addClass('jqtranformdone');
+
+                    var oLabel = jqTransformGetLabel($(this));
+                     oLabel && oLabel.bind('click',function(){$input.focus();});
+
+                   var inputSize=$input.width();
+                  if($input.attr('size')){
+                               inputSize = $input.attr('size')*10;
+                            $input.css('width',inputSize);
+                 }
+
+                     $input.addClass("jqTransformInput").wrap('<div class="jqTransformInputWrapper"><div class="jqTransformInputInner"><div></div></div></div>');
+                   var $wrapper = $input.parent().parent().parent();
+                      $wrapper.css("width", inputSize+10);
+                   $input
+                         .focus(function(){$wrapper.addClass("jqTransformInputWrapper_focus");})
+                                .blur(function(){$wrapper.removeClass("jqTransformInputWrapper_focus");})
+                              .hover(function(){$wrapper.addClass("jqTransformInputWrapper_hover");},function(){$wrapper.removeClass("jqTransformInputWrapper_hover");})
+                     ;
+
+                     /* If this is safari we need to add an extra class */
+                  $.browser.safari && $wrapper.addClass('jqTransformSafari');
+                    $.browser.safari && $input.css('width',$wrapper.width()+16);
+                   this.wrapper = $wrapper;
+
+              });
+    };
+
+    /***************************
+     Check Boxes
+   ***************************/
+  $.fn.jqTransCheckBox = function(){
+             return this.each(function(){
+                   if($(this).hasClass('jqTransformHidden')) {return;}
+
+                   var $input = $(this);
+                  var inputSelf = this;
+
+                 //set the click on the label
+                   var oLabel=jqTransformGetLabel($input);
+                        oLabel && oLabel.click(function(){aLink.trigger('click');});
+
+                  var aLink = $('<a href="#" class="jqTransformCheckbox"></a>');
+                 //wrap and add the link
+                        $input.addClass('jqTransformHidden').wrap('<span class="jqTransformCheckboxWrapper"></span>').parent().prepend(aLink);
+                 //on change, change the class of the link
+                      $input.change(function(){
+                              this.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
+                               return true;
+                   });
+                    // Click Handler, trigger the click and change event on the input
+                      aLink.click(function(){
+                                //do nothing if the original input is disabled
+                         if($input.attr('disabled')){return false;}
+                             //trigger the envents on the input object
+                              $input.trigger('click').trigger("change");
+                             return false;
+                  });
+
+                   // set the default state
+                       this.checked && aLink.addClass('jqTransformChecked');
+          });
+    };
+     /***************************
+     Radio Buttons
+         ***************************/
+  $.fn.jqTransRadio = function(){
+                return this.each(function(){
+                   if($(this).hasClass('jqTransformHidden')) {return;}
+
+                   var $input = $(this);
+                  var inputSelf = this;
+
+                 oLabel = jqTransformGetLabel($input);
+                  oLabel && oLabel.click(function(){aLink.trigger('click');});
+
+                  var aLink = $('<a href="#" class="jqTransformRadio" rel="'+ this.name +'"></a>');
+                      $input.addClass('jqTransformHidden').wrap('<span class="jqTransformRadioWrapper"></span>').parent().prepend(aLink);
+
+                   $input.change(function(){
+                              inputSelf.checked && aLink.addClass('jqTransformChecked') || aLink.removeClass('jqTransformChecked');
+                          return true;
+                   });
+                    // Click Handler
+                       aLink.click(function(){
+                                if($input.attr('disabled')){return false;}
+                             $input.trigger('click').trigger('change');
+
+                            // uncheck all others of same name input radio elements
+                                $('input[name="'+$input.attr('name')+'"]',inputSelf.form).not($input).each(function(){
+                                 $(this).attr('type')=='radio' && $(this).trigger('change');
+                            });
+
+                           return false;
+                  });
+                    // set the default state
+                       inputSelf.checked && aLink.addClass('jqTransformChecked');
+             });
+    };
+
+    /***************************
+     TextArea
+      ***************************/
+  $.fn.jqTransTextarea = function(){
+             return this.each(function(){
+                   var textarea = $(this);
+
+                       if(textarea.hasClass('jqtransformdone')) {return;}
+                     textarea.addClass('jqtransformdone');
+
+                 oLabel = jqTransformGetLabel(textarea);
+                        oLabel && oLabel.click(function(){textarea.focus();});
+
+                        var strTable = '<table cellspacing="0" cellpadding="0" border="0" class="jqTransformTextarea">';
+                       strTable +='<tr><td id="jqTransformTextarea-tl"></td><td id="jqTransformTextarea-tm"></td><td id="jqTransformTextarea-tr"></td></tr>';
+                 strTable +='<tr><td id="jqTransformTextarea-ml">&nbsp;</td><td id="jqTransformTextarea-mm"><div></div></td><td id="jqTransformTextarea-mr">&nbsp;</td></tr>';
+                  strTable +='<tr><td id="jqTransformTextarea-bl"></td><td id="jqTransformTextarea-bm"></td><td id="jqTransformTextarea-br"></td></tr>';
+                 strTable +='</table>';
+                 var oTable = $(strTable)
+                                       .insertAfter(textarea)
+                                 .hover(function(){
+                                             !oTable.hasClass('jqTransformTextarea-focus') && oTable.addClass('jqTransformTextarea-hover');
+                                 },function(){
+                                          oTable.removeClass('jqTransformTextarea-hover');
+                                       })
+                             ;
+
+                     textarea
+                               .focus(function(){oTable.removeClass('jqTransformTextarea-hover').addClass('jqTransformTextarea-focus');})
+                             .blur(function(){oTable.removeClass('jqTransformTextarea-focus');})
+                            .appendTo($('#jqTransformTextarea-mm div',oTable))
+                     ;
+                      this.oTable = oTable;
+                  if($.browser.safari){
+                          $('#jqTransformTextarea-mm',oTable)
+                                    .addClass('jqTransformSafariTextarea')
+                                 .find('div')
+                                           .css('height',textarea.height())
+                                               .css('width',textarea.width())
+                         ;
+                      }
+              });
+    };
+
+    /***************************
+     Select
+        ***************************/
+  $.fn.jqTransSelect = function(){
+               return this.each(function(index){
+                      var $select = $(this);
+
+                        if($select.hasClass('jqTransformHidden')) {return;}
+                    if($select.attr('multiple')) {return;}
+
+                        var oLabel  =  jqTransformGetLabel($select);
+                   /* First thing we do is Wrap it */
+                     var $wrapper = $select
+                         .addClass('jqTransformHidden')
+                         .wrap('<div class="jqTransformSelectWrapper"></div>')
+                          .parent()
+                              .css({zIndex: 1000-index})
+                     ;
+
+                     /* Now add the html for the select */
+                  $wrapper.prepend('<div><span></span><a href="#" class="jqTransformSelectOpen"></a></div><ul></ul>');
+                   var $ul = $('ul', $wrapper).css('width',$select.width()).hide();
+                       /* Now we add the options */
+                   $('option', this).each(function(i){
+                            var oLi = $('<li><a href="#" index="'+ i +'">'+ $(this).html() +'</a></li>');
+                          $ul.append(oLi);
+                       });
+
+                   /* Add click handler to the a */
+                       $ul.find('a').click(function(){
+                                        $('a.selected', $wrapper).removeClass('selected');
+                                     $(this).addClass('selected');
+                                  /* Fire the onchange event */
+                                  if ($select[0].selectedIndex != $(this).attr('index') && $select[0].onchange) { $select[0].selectedIndex = $(this).attr('index'); $select[0].onchange(); }
+                                     $select[0].selectedIndex = $(this).attr('index');
+                                      $('span:eq(0)', $wrapper).html($(this).html());
+                                        $ul.hide();
+                                    return false;
+                  });
+                    /* Set the default */
+                  $('a:eq('+ this.selectedIndex +')', $ul).click();
+                      $('span:first', $wrapper).click(function(){$("a.jqTransformSelectOpen",$wrapper).trigger('click');});
+                  oLabel && oLabel.click(function(){$("a.jqTransformSelectOpen",$wrapper).trigger('click');});
+                   this.oLabel = oLabel;
+
+                 /* Apply the click handler to the Open */
+                      var oLinkOpen = $('a.jqTransformSelectOpen', $wrapper)
+                         .click(function(){
+                                     //Check if box is already open to still allow toggle, but close all other selects
+                                      if( $ul.css('display') == 'none' ) {jqTransformHideSelect();}
+                                  if($select.attr('disabled')){return false;}
+
+                                   $ul.slideToggle('fast', function(){
+                                            var offSet = ($('a.selected', $ul).offset().top - $ul.offset().top);
+                                           $ul.animate({scrollTop: offSet});
+                                      });
+                                    return false;
+                          })
+                     ;
+
+                     // Set the new width
+                   var iSelectWidth = $select.outerWidth();
+                       var oSpan = $('span:first',$wrapper);
+                  var newWidth = (iSelectWidth > oSpan.innerWidth())?iSelectWidth+oLinkOpen.outerWidth():$wrapper.width();
+                       $wrapper.css('width',newWidth);
+                        $ul.css('width',newWidth-2);
+                   oSpan.css({width:iSelectWidth});
+
+                      // Calculate the height if necessary, less elements that the default height
+                    //show the ul to calculate the block, if ul is not displayed li height value is 0
+                      $ul.css({display:'block',visibility:'hidden'});
+                        var iSelectHeight = ($('li',$ul).length)*($('li:first',$ul).height());//+1 else bug ff
+                 (iSelectHeight < $ul.height()) && $ul.css({height:iSelectHeight,'overflow':'hidden'});//hidden else bug with ff
+                        $ul.css({display:'none',visibility:'visible'});
+
+               });
+    };
+     $.fn.jqTransform = function(options){
+          var opt = $.extend({},defaultOptions,options);
+
+                /* each form */
+                 return this.each(function(){
+                  var selfForm = $(this);
+                        if(selfForm.hasClass('jqtransformdone')) {return;}
+                     selfForm.addClass('jqtransformdone');
+
+                 //$('input:submit, input:reset, input[type="button"]', this).jqTransInputButton();
+                     //$('input:text, input:password', this).jqTransInputText();
+                    //$('input:checkbox', this).jqTransCheckBox();
+                 //$('input:radio', this).jqTransRadio();
+                       //$('textarea', this).jqTransTextarea();
+
+                      if( $('select', this).jqTransSelect().length > 0 ){jqTransformAddDocumentListener();}
+                  selfForm.bind('reset',function(){var action = function(){jqTransformReset(this);}; window.setTimeout(action, 10);});
+
+                  //preloading dont needed anymore since normal, focus and hover image are the same one
+                  /*if(opt.preloadImg && !jqTransformImgPreloaded){
+                              jqTransformImgPreloaded = true;
+                                var oInputText = $('input:text:first', selfForm);
+                              if(oInputText.length > 0){
+                                     //pour ie on eleve les ""
+                                      var strWrapperImgUrl = oInputText.get(0).wrapper.css('background-image');
+                                      jqTransformPreloadHoverFocusImg(strWrapperImgUrl);
+                                     var strInnerImgUrl = $('div.jqTransformInputInner',$(oInputText.get(0).wrapper)).css('background-image');
+                                      jqTransformPreloadHoverFocusImg(strInnerImgUrl);
+                               }
+
+                             var oTextarea = $('textarea',selfForm);
+                                if(oTextarea.length > 0){
+                                      var oTable = oTextarea.get(0).oTable;
+                                  $('td',oTable).each(function(){
+                                                var strImgBack = $(this).css('background-image');
+                                              jqTransformPreloadHoverFocusImg(strImgBack);
+                                   });
+                            }
+                      }*/
+
+
+          }); /* End Form each */
+
+       };/* End the Plugin */
+
+})(jQuery);
-- 
1.7.2.5