From 169f12072e25a3de6e02f81c8be0521c945f4dbc Mon Sep 17 00:00:00 2001 From: Karam Qubsi Date: Mon, 8 Apr 2013 15:17:30 +0300 Subject: [PATCH] Bug 10017: Fix CSS for right-to-left in CCSR theme This patch will add css file for the Opac CCSR link this css file in the doc-head-close.inc and add new image : arrow-left-grey-11x6.png for the opposite direction of the right existing one. the test plan is the same for the oldest patches for opac prog and intranet ... Signed-off-by: Bernardo Gonzalez Kriegel Comment on last patch. Signed-off-by: Katrin Fischer Comment on last patch. Signed-off-by: Jared Camins-Esakov (cherry picked from commit 2beeedafbe7c72c5b21fce9fffa6625f4fe99c3c) Signed-off-by: Jared Camins-Esakov --- .../opac-tmpl/ccsr/en/css/right-to-left.css | 235 ++++++++++++++++++ .../ccsr/en/includes/doc-head-close.inc | 3 + .../ccsr/images/arrow-left-grey-11x6.png | Bin 0 -> 2911 bytes 3 files changed, 238 insertions(+) create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/css/right-to-left.css create mode 100644 koha-tmpl/opac-tmpl/ccsr/images/arrow-left-grey-11x6.png diff --git a/koha-tmpl/opac-tmpl/ccsr/en/css/right-to-left.css b/koha-tmpl/opac-tmpl/ccsr/en/css/right-to-left.css new file mode 100644 index 0000000000..7268c8ebc1 --- /dev/null +++ b/koha-tmpl/opac-tmpl/ccsr/en/css/right-to-left.css @@ -0,0 +1,235 @@ +/*Search form */ +form#searchform select { + display:none; + right: -9999em; + position: absolute; +} +div#menu { + border-left: 1px solid rgb(151, 151, 151); + font-size: 94%; + margin-left: 0.5em; + +} +/*text alignment */ +body, +#doc, +#doc2, +#doc3, +#doc4, +.yui-t1, +.yui-t2, +.yui-t3, +.yui-t4, +.yui-t5, +.yui-t6, +.yui-t7, +table#marc th, +caption +{ + text-align: right; + direction: rtl; +} +h4 +{ + text-align: right !important; +} + +/*floats*/ +.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u { + float: left; +} +.yui-g div.first, .yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first { + float: right; +} +fieldset.rows label, fieldset.rows span.label { + float: right; + margin-right: 1em; + text-align: right; +} +.yui-t1 .yui-b { + float: right; + width: 12.3207em; +} + + +#opacmainuserblock, #news { + margin-right: 7em; +} +ul#menu-left { + margin: 0px 30px 0px 0px ; + float: right; +} +#members { + background: none repeat scroll 0% 0% transparent; + margin: 0px; + padding: 0px; + float: left; +} +#members li { + float: right; + border-left: medium none; +} +.ui-tabs .ui-tabs-nav li { + float: right; +} +div.rating-cancel, div.star-rating { + float: right; +} +.left { + float: right; +} +input#searchsubmit.left { + float:right; +} + +#fluid-offset { + float: left; + width: 100%; +} + +#moresearches a:link, #moresearches a:visited { + background: url("../../images/arrow-left-grey-11x6.png") no-repeat scroll right center transparent; + margin-left: 0px; + padding-left: 0px; + padding-right: 12px; +} + +form.single-library .input-wrapper { + margin: 0px 0px 0px 237px; +} + +form.single-library #filters .jqTransformSelectWrapper, form.multi-libraries #libraries .jqTransformSelectWrapper { + left: 50px; + right: auto; +} +form#searchform input[type="submit"] { + margin-right: 4px; + position: absolute; + left: 10px; + right: auto; +} +ul#i18nMenu li { +float:right !important; +} +div.lang { +float:right !important; +} + +#main_footer .colright { + float: left; +} +#main_footer .colright .koha { + background: url("../../images/img_logo_koha.jpg") no-repeat scroll left bottom transparent; +} +.yui-t1 #yui-main, +.yui-t2 #yui-main, +.yui-t3 #yui-main +{ + float: left; +} +.yui-t1 #yui-main .yui-b { + margin-right: 13.3207em; +} +.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main { + margin-right: -25em; + margin-left: auto; +} +.yui-t1 #yui-main .yui-b { + margin-left: auto; +} +body#results div#userresults { + border-right: 1px solid rgb(200, 200, 196); +} + +form#searchform .input-wrapper { + -moz-box-sizing: border-box; + right: -39px; + left: auto; +} +.statictabs ul li { + float: right; +} +#auth { + float: right; +} + +.jqTransformSelectWrapper div a { + left: 3px; + right: auto; +} +.jqTransformSelectWrapper div span { + float: right; +} +.resort { + float: left; +} + +ul#menu-left li a#cartmenulink { + padding: 0px 30px 0px 0px ; + background: url("../../images/img_toolbar-button-cart.png") no-repeat scroll right center transparent; +} +ul#menu-left li { + float: right; +} +div#cartDetails { + margin-left: -9.5em; +} +div#listsmenu { + margin-left: -125px; +} +ul#menu-left li#listsmenulink a { + padding: 0px 20px 0px 0px; + background: url("../../images/img_toolbar-button-lists.png") no-repeat scroll right center transparent; +} +div.rating-cancel, div.star-rating { + float: right !important; +} +.actions a.addtocart { + background-position: 49px -572px; + padding-right: 15px; + padding-left: 0px; +} + +.actions a.addtoshelf { + + background-position: 45px -27px; + padding-right: 13px; + padding-left: 0px; +} + +#social_networks span { + float: right; + margin: 0.5em 0.5em 0px !important; +} +#social_networks div { + float: right !important; + margin: 0.5em 0.2em 0.5em 0px !important; +} +#action a.addtocart, #toolbar a.addtocart { + background-position: 60px -265px; +} +#action a.print { + background-position: 16px -186px; +} +#action a { + padding-right: 35px; + padding-left: 0px !important; +} + + + +div#menu li a { + background: -moz-linear-gradient(right center , rgb(238, 238, 238) 0%, rgb(238, 238, 238) 96%, rgb(230, 230, 230) 97%, rgb(204, 204, 204) 99%, rgb(193, 193, 193) 100%) repeat scroll 0% 0% transparent; + text-decoration: none; + display: block; + border: 1px solid rgb(151, 151, 151); + font-size: 111%; + margin: 0.5em -1px 0.5em 0px; + padding: 0.4em 0.3em; +} + +#action a.addtoshelf, #toolbar a.addtoshelf { + background-image: url("../../images/sprite.png"); + background-position: 68px -225px; + background-repeat: no-repeat; +} 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 index f99eb63924..fcbab2a22d 100644 --- a/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc +++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc @@ -24,6 +24,9 @@ +[% IF ( bidi ) %] + +[% END %] [% IF ( OPACMobileUserCSS ) %][% END %] [% IF ( OPACUserCSS ) %][% END %] [% IF persona %] diff --git a/koha-tmpl/opac-tmpl/ccsr/images/arrow-left-grey-11x6.png b/koha-tmpl/opac-tmpl/ccsr/images/arrow-left-grey-11x6.png new file mode 100644 index 0000000000000000000000000000000000000000..cee17cc27a4b29cf1bc9834b92a1cdde36c46a2e GIT binary patch literal 2911 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