@@ -, +, @@ --- koha-tmpl/opac-tmpl/ccsr/en/css/colors.css | 748 ++++++++++++++++++++ .../opac-tmpl/ccsr/en/includes/doc-head-close.inc | 133 ++++ koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc | 267 +++++++ .../opac-tmpl/ccsr/en/includes/navigation.inc | 6 + .../opac-tmpl/ccsr/en/includes/opac-bottom.inc | 89 +++ koha-tmpl/opac-tmpl/ccsr/en/js/basket.js | 537 ++++++++++++++ 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, 2256 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 --- a/koha-tmpl/opac-tmpl/ccsr/en/css/colors.css +++ a/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; +} --- a/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc +++ a/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc @@ -0,0 +1,133 @@ + + + + + +[% 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 %] + --- a/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc +++ a/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc @@ -0,0 +1,267 @@ +
+ +
+ + +
+ [% IF ( opacuserlogin ) %] + + [% END %] +
+ +
+ +
+ + +
+ +
+
+
+
+
+ + +[% END %]

[% END %]
+ +
--- a/koha-tmpl/opac-tmpl/ccsr/en/includes/navigation.inc +++ a/koha-tmpl/opac-tmpl/ccsr/en/includes/navigation.inc @@ -0,0 +1,6 @@ +[% IF IsPatronPage %] +[% INCLUDE usermenu.inc %] +[% END %] +[% OpacNav %] +[% OpacNavBottom %] + --- a/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc +++ a/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 %] + + + + + + + --- a/koha-tmpl/opac-tmpl/ccsr/en/js/basket.js +++ a/koha-tmpl/opac-tmpl/ccsr/en/js/basket.js @@ -0,0 +1,537 @@ +////////////////////////////////////////////////////////////////////////////// +// 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"); + }); +}); + --- a/koha-tmpl/opac-tmpl/ccsr/en/js/script.js +++ a/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; + }); +}; --- a/koha-tmpl/opac-tmpl/lib/jquery/plugins/jquery.jqtransform_select.js +++ a/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 = $('