From c7c2e9efbde273f2b77786316b7502a8847072bd Mon Sep 17 00:00:00 2001 From: Frederick Capovilla 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=utf8 Content-Transfer-Encoding: 8bit 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 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 --- koha-tmpl/opac-tmpl/ccsr/en/css/colors.css | 748 ++++++++++++++++++ .../ccsr/en/includes/doc-head-close.inc | 132 ++++ .../opac-tmpl/ccsr/en/includes/masthead.inc | 267 +++++++ .../opac-tmpl/ccsr/en/includes/navigation.inc | 5 + .../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 .../ccsr/images/bg-results-control.png | Bin 0 -> 1023 bytes .../opac-tmpl/ccsr/images/bg-search-bar.png | Bin 0 -> 1024 bytes .../opac-tmpl/ccsr/images/btn-search-bar.png | Bin 0 -> 2258 bytes .../opac-tmpl/ccsr/images/img_bg_header.png | Bin 0 -> 153 bytes .../ccsr/images/img_bg_login-bottom.png | Bin 0 -> 297 bytes .../ccsr/images/img_bg_login-top.png | Bin 0 -> 961 bytes .../opac-tmpl/ccsr/images/img_bg_login.png | Bin 0 -> 212 bytes .../images/img_bg_search-control-left.png | Bin 0 -> 514 bytes .../images/img_bg_search-control-right.png | Bin 0 -> 515 bytes .../ccsr/images/img_bg_search-left.png | Bin 0 -> 560 bytes .../ccsr/images/img_bg_search-right.png | Bin 0 -> 555 bytes .../opac-tmpl/ccsr/images/img_bg_submit.png | Bin 0 -> 139 bytes .../opac-tmpl/ccsr/images/img_logo_koha.jpg | Bin 0 -> 2699 bytes .../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 .../ccsr/images/img_sep_account-top.png | Bin 0 -> 167 bytes .../opac-tmpl/ccsr/images/img_sep_account.png | Bin 0 -> 114 bytes .../opac-tmpl/ccsr/images/img_sep_footer.png | Bin 0 -> 118 bytes .../opac-tmpl/ccsr/images/img_sep_header.png | Bin 0 -> 179 bytes .../ccsr/images/img_sep_search-bottom.png | Bin 0 -> 164 bytes .../ccsr/images/img_sep_search-top.png | Bin 0 -> 192 bytes .../opac-tmpl/ccsr/images/img_sep_search.png | Bin 0 -> 114 bytes .../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 .../ccsr/images/mobile-menu-button.png | Bin 0 -> 2546 bytes .../plugins/jquery.jqtransform_select.js | 366 +++++++++ 40 files changed, 2253 insertions(+) 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 0000000000..7e8a9469d3 --- /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 0000000000..50c3c573ae --- /dev/null +++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc @@ -0,0 +1,132 @@ + + + + + +[% SET opaclayoutstylesheet='opac.css' UNLESS opaclayoutstylesheet %] +[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %] + +[% ELSE %] + +[% END %] +[% IF ( opaccolorstylesheet ) %] + [% IF (opaccolorstylesheet.match('^https?:|^\/')) %] + + [% ELSE %] + + [% END %] +[% END %] +[% IF ( opac_css_override ) %] + +[% END %] + +[% IF ( OPACUserCSS ) %][% END %] + + + + + + + + +[% IF ( OPACAmazonCoverImages ) %] + + +[% END %] +[% IF ( SyndeticsCoverImages ) %] + + [% END %] + +[% IF ( opacbookbag ) %] + + +[% IF ( opacuserlogin ) %][% IF ( TagsEnabled ) %][% END %][% ELSE %][% END %] +[% IF ( GoogleJackets ) %] + + +[% END %] +[% IF OpenLibraryCovers %] + + +[% END %] + +[% IF OPACLocalCoverImages %] + + +[% END %] + +[% IF ( BakerTaylorEnabled ) %] +[% END %] + +[% IF ( GoogleIndicTransliteration ) %] + + +[% 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 0000000000..ab46ff7149 --- /dev/null +++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc @@ -0,0 +1,267 @@ +
+ +
+ + +
+ [% IF ( opacuserlogin ) %] + + [% END %] +
+ +
+ +
+ + +
+ +
+
+
+
+
+ + +[% END %]

[% END %]
+ +
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 0000000000..fe56488f53 --- /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 0000000000..5f68b4a739 --- /dev/null +++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc @@ -0,0 +1,89 @@ +[% IF ( opaccredits ) %] +
+ [% opaccredits %] +
+[% END %] +
+ +
+
+
+
+
+ + + + + +[% IF ( opaclanguagesdisplay || OpacKohaUrl ) %] + [% IF ( languages_loop && opaclanguagesdisplay ) %] + [% UNLESS ( one_language_enabled ) %] +
+
Languages: 
+ +
+ [% END %] + [% END %] + +[% END %] + + + + + + + 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 0000000000..0ee0622acc --- /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 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(""+updated_value+""); + target.$('#cartDetails').html(MSG_IN_YOUR_CART+updated_value); + } else { + $('#basketcount').html(""+updated_value+""); + $('#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 0000000000..fcc4edc2c9 --- /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+Npk^)t-!(@t%e z440267Isr+j7deVPuUF9zc2DlYa9`F6pcAvp8Njv8OJ(yo*R!#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(jxeNIFOaZ~)&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)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|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*FNMzaNdOWLk}`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)_;>umGksP7G%=u5Xw4>BA_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!<9DWYI=lhf}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%qqzg)I}z?EdYKgWVU7r?XozYsRDUv_{r>MqE6dkrXD-eZ3WeFm zlG$SW6kGGtr`i9-#{M+hE>NpOSIHI~I0-J)eBxrz2%T-*!j8Xt>l0pNq>Z56p`GS+ z-6J9Iuo)Y;8!YW5cy({N?d|P& zn$K0Qg2hZ{0wJaj$iiNf>RE*w>gw#AKMNcfLg-F~J9MhkTmc42Feve`=s^VmMdpzV zHCej?M2Mh(L;0t?O|4x^{ zJQ4DyIMO8JC)RoSankbaG8q~iu}MkTNPPbBy~oB$ZJ4!o_Qid3=jZvUxmUjq4(30& z?%h)l=gvL8_qBR?-CaNU^LwH7vHI@Wljjezd9;7?%-PMt?9IKst$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(hSgvFVdY z@Cq9tj|w!$Raf)G^LH@?TX-joYy8Q#?>q>D8o#NwU@NikAY31(xI5nH`Qu&R2>8_% zP|Zz75MkF`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~sq{+6dA{EK5q*dzt6dU|^xlXp}{eml$4Fcudn7$HcpkMUGL?;x2msBL8(-_U0OUmJv%#?TUx2# yfyYNbj{Y3e4R>>q`#knO9eeP~P_A;@#Zr{C zAhA_wrNz=kmqP>;#e&LJQ2_;&OC?l61lB4$QE~SVU-!NJy*Kka=KJ}4@86re0Kdrr9n}UiEh#;5;C`7ShIaNVJzviVPYt1nh4ZIeC zV`%6%Mg{u@01Sx?0tgtK6CX#!0Yp3o@9aV%ksJXKhsR-YAQlfg;Yn0ykcz_rZwDID zCKE(b*-Y=Zx{w_W9Sy@$Di)iVn21Sq#z3JWD-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%pibt0)2(!eOMewM+BL8B9ZKZ$9v)FWITmV z_jF+*T%a?FxPoPgw6wW7%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)#+`$?5&;+v$QF2w!bJt3G1y1UX`2o&KGWx=)ogd9*ft{o?%8{)?QaHhYA+%1=m1vw|1RmvlO`0QFt}>z%)Z`S4D!^EnfA zAUW4iRBYO*`>aOmf-l3ZqVV*Km}roFd%yPWs37yn7OV07YIV%DtCm%|c8~rB6lW`3BbuTWE_3U)`+Fno`9rgh9(jCaJ7v0|y@& k1m_Zt4gBe}+@fuWnsBy*PtkV0)cj?zy!@Cop5Yn)23F!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)*9kzp8&$qzyl*>^FV0=Wg6M{Y7tL^uVatsN+e zf`cH+z&cacb!NdJioiGLoN1aSXI{8O(>#H7##-C9En|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-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!coLp1vj?#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&9aRwt>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)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 O0000FS$kcwMx?rh9D6d=*|(B;Uvw}0;kiZ9$D!ZPs| zM`-dT31Mc>)=QU87M&BwsGN85=j^yTKcDtQk9{R~m+G8ew(|BiUj~MT*_YnW(ChkB zaN~bYHUqilP}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#_tU$*Z z%su;V*0UTApilc={{G#rQ*Fq?z|i8gdeyA+@_Xm7F*H1wu`lgQ(a$#)KxY^l+VcEO z`Z(ozbuli^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-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(+yc4s4+Fz?RZk-sKd@g7qC=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~)xwFyhbpk`%Lp2tw7gx$&UGPjl|2Mu{ zZ>d&Cu8D1KN8^#M7p61%pEo)@%dh(RbMm97Pcy$Qes4c(S?2BH>!rpF3^Vq<`u_Iq zT05C8<{;%)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@-OLGFef9C0C;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*>diDsYWK}S6e>)j9cgpTxpPo1TynQ>Hje((XO6twG-&U=9RU(%szwIt7LqmjJ z{hPAe7c*>RuGPm@?~Iwl#?Vl(PIhsc8T_WZ5O2GfThW`OC-FHgsDGdNT{|9lffbG_Nh!0;l9fnf*#Jw*nF2}~gU zyTlk6-Yv_PWn^gh5j#8ekQj)5Eei|uOV%m_o#1qxE1H4fQTf{M zKs`W%z5!i#=|z+~1A{{AI?-(m3`gEaz0YO@nR*tXVo~U%|8G9@4v}=f!;ZA?D5B=V4%A2^BfIHAB4n===G(;*1Om q(+(yCT>qM5_Wo;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 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 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)P000&U1^@s6HNQ8u0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz>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*vmUBqb@=u(Ao(9? zksyjV$bxN`9}=_xYzaP}z`(&Ub|HWXgC=TYo{_>q+&$Y)4pP=zZwS02^(JO|Z zzyC03N(wP-xpW`w6PjektIytoG3hz}-~aD4%_!m~6 z^wFq3X$9waC}#l>FQc*rb8}scR)Q@-@>(<$U!X9EKn;oLJXhlsm;gY40RU71uvx5002ovPDHLkV1kYb0=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>=Ju7GX 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;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{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;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*BsMwA5SrxdaZc?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) zshGkB!XhimLj?!&D5?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`k97P7dwm7?8sVy@t^V-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)0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!HAzH4RCwA{QooB6Q4s$2wW*(c>C_^ zqZhAtoRYDO#bUv7xh!pqAyAxUIqOsJBbJUXLsKMgWdEhLf&rrKyU;PH5loIO=|DiuY6X`9&n*2UV(H58Zgczk06`@P@LjeYd{ zedKaEsHzGnCA!^iOxTW&fEvKL)8|oGDq!{UT^x^}fJYSwhr&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&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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'+ $(this).attr('value') +'') + .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('
'); + 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 = $(''); + //wrap and add the link + $input.addClass('jqTransformHidden').wrap('').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 = $(''); + $input.addClass('jqTransformHidden').wrap('').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 = ''; + strTable +=''; + strTable +=''; + strTable +=''; + strTable +='
 
 
'; + 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('
') + .parent() + .css({zIndex: 1000-index}) + ; + + /* Now add the html for the select */ + $wrapper.prepend('
    '); + var $ul = $('ul', $wrapper).css('width',$select.width()).hide(); + /* Now we add the options */ + $('option', this).each(function(i){ + var oLi = $('
  • '+ $(this).html() +'
  • '); + $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); -- 2.39.5