@@ -, +, @@ --- koha-tmpl/opac-tmpl/prog/en/css/opac.css | 127 +++++++++++++++++---------- koha-tmpl/opac-tmpl/prog/images/sprite.png | Bin 10105 -> 7511 bytes 2 files changed, 80 insertions(+), 47 deletions(-) --- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css +++ a/koha-tmpl/opac-tmpl/prog/en/css/opac.css @@ -176,8 +176,7 @@ h1#library { h1#libraryname { - background-image: url("../../images/sprite.png"); - background-position: -10px -9px; + background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%; border: 0; float : left !important; margin:0; @@ -428,12 +427,14 @@ a .term { #action a.print { background-image: url("../../images/sprite.png"); - background-position: -5px -253px; + background-position: -5px -186px; + background-repeat: no-repeat; } #action a#furthersearches { background-image: url("../../images/sprite.png"); - background-position: 106px -362px; + background-position: 106px -295px; + background-repeat: no-repeat; border : 1px solid #F3F3F3; margin-left : 5px; padding : 2px 26px 2px 10px; @@ -450,17 +451,20 @@ a .term { #action a.reserve, .searchresults a.reserve { background-image: url("../../images/sprite.png"); - background-position: -5px -211px; + background-position: -5px -144px; + background-repeat: no-repeat; } #action a.addtoshelf, #toolbar a.addtoshelf { background-image: url("../../images/sprite.png"); - background-position: -5px -292px; + background-position: -5px -225px; + background-repeat: no-repeat; } #action a.addtocart, #toolbar a.addtocart { background-image: url("../../images/sprite.png"); - background-position: -5px -332px; + background-position: -5px -265px; + background-repeat: no-repeat; } #action a.cartRemove, .actions a.cartRemove { @@ -472,8 +476,9 @@ a .term { #action a.incart { background-image: url("../../images/sprite.png"); - background-position: -5px -332px; - color : #666; + background-position: -5px -265px; + background-repeat: no-repeat; + color : #666; } /* toolbar buttons */ @@ -532,49 +537,56 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end #toolbar a.print { background-image: url("../../images/sprite.png"); - background-position : 0px -490px; + background-position : 0px -423px; + background-repeat: no-repeat; text-decoration : none; padding-left : 30px; } #toolbar a.brief { background-image : url("../../images/sprite.png"); - background-position : -2px -935px; + background-position : -2px -868px; + background-repeat: no-repeat; text-decoration : none; padding-left : 27px; } #toolbar a.detail { background-image : url("../../images/sprite.png"); - background-position : -2px -965px; + background-position : -2px -898px; + background-repeat: no-repeat; text-decoration : none; padding-left : 27px; } #toolbar a.download { background-image : url("../../images/sprite.png"); - background-position : 2px -415px; + background-position : 2px -348px; + background-repeat: no-repeat; padding-left : 28px; text-decoration : none; } #toolbar a.editshelf { background-image : url("../../images/sprite.png"); - background-position : 2px -415px; + background-position : 2px -348px; + background-repeat: no-repeat; padding-left : 26px; text-decoration : none; } #toolbar a.empty { background-image : url("../../images/sprite.png"); - background-position : 2px -665px; + background-position : 2px -598px; + background-repeat: no-repeat; text-decoration : none; padding-left : 30px; } #toolbar a.hide { background-image : url("../../images/sprite.png"); - background-position: -3px -881px; + background-position: -3px -814px; + background-repeat: no-repeat; text-decoration : none; padding-left : 26px; } @@ -582,20 +594,23 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end #toolbar a.hold, #selections-toolbar a.hold { background-image: url("../../images/sprite.png"); - background-position : -5px -520px; + background-position : -5px -453px; + background-repeat: no-repeat; text-decoration : none; padding-left : 23px; } #selections-toolbar a.hold.disabled { background-image: url("../../images/sprite.png"); - background-position : -5px -688px; + background-position : -5px -621px; + background-repeat: no-repeat; } #selections-toolbar a.removeitems, #selections-toolbar a.deleteshelf { background-image : url("../../images/sprite.png"); - background-position : 2px -757px; + background-position : 2px -690px; + background-repeat: no-repeat; text-decoration : none; padding-left : 25px; } @@ -604,20 +619,22 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', end #selections-toolbar a.removeitems.disabled, #selections-toolbar a.deleteshelf.disabled { background-image: url("../../images/sprite.png"); - background-position : 2px -779px; + background-position : 2px -712px; + background-repeat: no-repeat; } #toolbar a.send, a.send { background-image: url("../../images/sprite.png"); - background-position : 2px -453px; + background-position : 2px -386px; + background-repeat: no-repeat; text-decoration : none; padding-left : 28px; } #toolbar a.new { background-image : url("../../images/sprite.png"); - background-position : -4px -989px; + background-position : -4px -922px; background-repeat : no-repeat; padding-left : 23px; text-decoration : none; @@ -626,7 +643,8 @@ a.send { #toolbar input.editshelf, input.editshelf { background-image : url("../../images/sprite.png"); - background-position : 2px -799px; + background-position : 2px -732px; + background-repeat: no-repeat; border : 0; color : #006699; cursor : pointer; @@ -639,7 +657,8 @@ input.editshelf { #toolbar a.newshelf, a.newshelf { background-image: url("../../images/sprite.png"); /* add to list icon */ - background-position: -4px -831px; + background-position: -4px -864px; + background-repeat: no-repeat; border : 0; color : #006699; cursor : pointer; @@ -651,13 +670,15 @@ a.newshelf { a.newshelf.disabled { background-image: url("../../images/sprite.png"); /* add to list icon */ - background-position: -4px -858px; + background-position: -4px -791px; + background-repeat: no-repeat; } #toolbar input.deleteshelf, input.deleteshelf { background-image : url("../../images/sprite.png"); - background-position : 2px -752px; + background-position : 2px -685px; + background-repeat: no-repeat; border : 0; color : #006699; cursor : pointer; @@ -685,18 +706,18 @@ input.deleteshelf:active { #tagsel_span input.submit, #tagsel_tag { background-image : url("../../images/sprite.png"); /* tag icon */ - background-position : 7px -707px; + background-position : 7px -640px; background-repeat : no-repeat; padding-left : 25px; text-decoration: none; } #tagsel_tag { - background-position : -1px -710px; + background-position : -1px -643px; } #tagsel_tag.disabled { - background-position : -1px -734px; + background-position : -1px -667px; } #tagslist li { display : inline; } @@ -712,14 +733,16 @@ input.deleteshelf:active { .addto a.addtocart { background-image: url("../../images/sprite.png"); /* cart icon */ - background-position: -5px -332px; + background-position: -5px -265px; + background-repeat: no-repeat; text-decoration : none; padding-left : 33px; } #placehold input.submit { background-image: url("../../images/sprite.png"); /* place hold icon */ - background-position: -1px -207px; + background-position: -1px -140px; + background-repeat: no-repeat; text-decoration : none; padding-left : 23px; } @@ -736,7 +759,8 @@ input.deleteshelf:active { } .searchresults a.highlight_toggle { background-image: url("../../images/sprite.png"); /* place hold icon */ - background-position: -11px -908px; + background-position: -11px -841px; + background-repeat: no-repeat; display: none; font-weight: normal; padding : 0 10px 0 21px; @@ -1415,20 +1439,23 @@ padding-left : .4em; .actions a.hold { background-image : url("../../images/sprite.png"); - background-position : -10px -609px; + background-position : -10px -542px; + background-repeat: no-repeat; padding-left : 16px; } .actions a.addtocart { background-image : url("../../images/sprite.png"); - background-position : -10px -639px; + background-position : -10px -572px; + background-repeat: no-repeat; padding-left : 15px; display : none; } .actions a.addtoshelf { background-image : url("../../images/sprite.png"); - background-position: -10px -94px; + background-position: -10px -27px; + background-repeat: no-repeat; padding-left : 13px; } @@ -1588,7 +1615,7 @@ ul#i18nMenu li ul li { ul#i18nMenu li.more a { background-image : url("../../images/sprite.png"); - background-position : 37px -1007px; + background-position : 37px -940px; background-repeat:no-repeat; padding-right: 1.3em; } @@ -1798,7 +1825,7 @@ span.starMT { background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */ background: url("../../images/sprite.png"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#9fbfff',GradientType=0 ); /* IE6-9 */ - background-position: 40px -354px,top left; + background-position: 40px -287px,top left; background-repeat: no-repeat; border: 1px solid #629DCF; color : #006699; @@ -1815,7 +1842,7 @@ span.starMT { background: url("../../images/sprite.png"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2ecf5', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */ background-repeat: no-repeat; - background-position: 40px -354px,top left; + background-position: 40px -287px,top left; } #cartmenulink { @@ -1827,7 +1854,7 @@ span.starMT { background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */ background: url("../../images/sprite.png"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5eaba', endColorstr='#98cb59',GradientType=0 ); /* IE6-9 */ - background-position: -5px -323px, left top; + background-position: -5px -256px, left top; background-repeat: no-repeat; border: 1px solid #5EA28C; color : #336600; @@ -1844,7 +1871,7 @@ span.starMT { background: url("../../images/sprite.png"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1d4', endColorstr='#c0de98',GradientType=0 ); /* IE6-9 */ background-repeat: no-repeat; - background-position: -5px -323px, left top; + background-position: -5px -256px, left top; } /* IE 6 & 7 don't do multiple backgrounds, so remove extra padding */ @@ -1951,19 +1978,23 @@ a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalvie a#MARCview, span#MARCview { background-image: url("../../images/sprite.png"); - background-position: -5px -93px; + background-position: -5px -26px; + background-repeat: no-repeat; } a#MARCviewPop, span#MARCviewPop { background-image: url("../../images/sprite.png"); - background-position: -5px -93px; + background-position: -5px -26px; + background-repeat: no-repeat; } a#ISBDview, span#ISBDview { background-image: url("../../images/sprite.png"); - background-position: -5px -122px; + background-position: -5px -55px; + background-repeat: no-repeat; } a#Normalview, span#Normalview { background-image: url("../../images/sprite.png"); - background-position: -5px -64px; + background-position: -7px 3px; + background-repeat: no-repeat; padding-left : 15px; } @@ -2166,12 +2197,14 @@ div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; #renewselected_link { background-image : url("../../images/sprite.png"); - background-position : -5px -1055px; + background-position : -5px -988px; + background-repeat: no-repeat; } #renewall_link { background-image : url("../../images/sprite.png"); - background-position : -8px -1034px; + background-position : -8px -964px; + background-repeat: no-repeat; } div.koha_url { @@ -2283,7 +2316,7 @@ a.koha_url { } .nav_results .l_Results a { - background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -571px; + background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px; color:#006699; display:block; padding:8px 28px;