Owen Leonard
9d7d3085ec
The right-to-left CSS copied over from the prog theme does is not relevant to the redesigned templates. This patch updates the OPAC's right-to-left CSS and adds a couple of other right-to-left CSS files to override the default Bootstrap and jQueryUI CSS. To my eye this looks correct, but I don't speak Arabic. To test you must have a set of right-to-left templates, like ar-Arab, installed for the Bootstrap theme. At this time it is necessary to download the po file to your misc/translator/po directory. Again using ar-Arab as an example: http://translate.koha-community.org/ar/314/ar-Arab-opac-bootstrap.po Install the translation. Open the OPAC, switch to that right-to-left language, and reload to refresh the changed CSS. Confirm that it looks like right-to-left is working. Signed-off-by: Bernardo Gonzalez Kriegel <bgkriegel@gmail.com> As far as I can tell it looks very well. No koha-qa errors 1) Downloaded arabic bootstrap PO 2) Installed ar-Arab language, enabled on OPAC 3) Tested as anonymous user and logged in one, all pages look well: cart, advanced search, user tabs. I sent an email to Karam Qubsi asking his opinion. But for me it's ok Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz> I was testing this at the same time as Bernardo, so I will Pass QA on it, instead of signing it off Signed-off-by: Galen Charlton <gmc@esilibrary.com>
420 lines
6.7 KiB
CSS
420 lines
6.7 KiB
CSS
.popup {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
a.cancel {
|
|
padding-right: 1em;
|
|
}
|
|
h1#libraryname {
|
|
float: right !important;
|
|
}
|
|
caption {
|
|
text-align: right;
|
|
}
|
|
#basketcount span {
|
|
margin: 0 .9em 0 0;
|
|
}
|
|
#koha_url p {
|
|
float: left;
|
|
}
|
|
.actions a {
|
|
/* List contents remove from list link */
|
|
|
|
}
|
|
.actions a.hold {
|
|
margin-left: 1em;
|
|
padding-right: 21px;
|
|
}
|
|
.actions a.addtocart {
|
|
margin-left: 1em;
|
|
padding-right: 20px;
|
|
}
|
|
.actions a.addtoshelf {
|
|
margin-left: 1em;
|
|
padding-right: 20px;
|
|
}
|
|
.actions a.addtolist {
|
|
margin-left: 1em;
|
|
padding-right: 20px;
|
|
}
|
|
.actions a.tag_add {
|
|
margin-left: 1em;
|
|
padding-right: 20px;
|
|
}
|
|
.actions a.removefromlist {
|
|
margin-left: 1em;
|
|
padding-right: 15px;
|
|
}
|
|
.ui-tabs .ui-tabs-nav li {
|
|
margin-left: .4em;
|
|
}
|
|
.statictabs li {
|
|
float: right;
|
|
margin-left: 0.4em;
|
|
}
|
|
.statictabs li a {
|
|
float: right;
|
|
}
|
|
#bookcover .no-image {
|
|
margin-left: 10px;
|
|
}
|
|
th.sum {
|
|
text-align: left;
|
|
}
|
|
th[scope=row] {
|
|
text-align: left;
|
|
}
|
|
fieldset.rows {
|
|
float: right;
|
|
clear: right;
|
|
}
|
|
fieldset.rows label,
|
|
fieldset.rows .label {
|
|
float: right;
|
|
margin-left: 1em;
|
|
text-align: left;
|
|
}
|
|
fieldset.rows ol.lradio label {
|
|
margin-left: 0;
|
|
}
|
|
fieldset.rows ol.lradio label.lradio {
|
|
float: right;
|
|
margin-left: 1em;
|
|
}
|
|
fieldset.rows li {
|
|
float: right;
|
|
clear: right;
|
|
}
|
|
fieldset.rows li.lradio {
|
|
padding-right: 8.5em;
|
|
}
|
|
fieldset.rows li.lradio label {
|
|
margin: 0 1em 0 0;
|
|
}
|
|
div.rows {
|
|
float: right;
|
|
clear: right;
|
|
}
|
|
div.rows span.label {
|
|
float: right;
|
|
margin-left: 1em;
|
|
text-align: right;
|
|
}
|
|
div.rows ol {
|
|
margin-right: 0;
|
|
padding: .5em 0 0 1em;
|
|
}
|
|
div.rows li {
|
|
float: right;
|
|
clear: right;
|
|
}
|
|
div.rows ul li {
|
|
margin-right: 7.3em;
|
|
}
|
|
div.rows ul li:first-child {
|
|
margin-right: 0;
|
|
}
|
|
.toolbar {
|
|
padding: 3px 5px 5px 3px;
|
|
}
|
|
.toolbar label {
|
|
margin-right: .5em;
|
|
}
|
|
.toolbar .hold,
|
|
.toolbar #tagsel_tag {
|
|
padding-right: 28px;
|
|
}
|
|
.toolbar li a {
|
|
border-right: 1px solid #e8e8e8;
|
|
}
|
|
.toolbar li:first-child a {
|
|
border-right: 0;
|
|
}
|
|
.toolbar ul {
|
|
padding-right: 0;
|
|
}
|
|
#basket .toolbar {
|
|
padding: 7px 9px 9px 5px;
|
|
}
|
|
#selections-toolbar {
|
|
padding-right: 10px;
|
|
}
|
|
#tagsel_span input.submit,
|
|
#tagsel_tag {
|
|
padding-right: 25px;
|
|
}
|
|
#tagsel_span input.disabled,
|
|
#tagsel_span input.disabled:hover,
|
|
#tagsel_span input.hold.disabled,
|
|
#tagsel_span input.hold.disabled:hover,
|
|
#selections-toolbar input.hold.disabled,
|
|
#selections-toolbar input.hold.disabled:hover,
|
|
#selections-toolbar a.disabled,
|
|
#selections-toolbar a.disabled:hover {
|
|
padding-right: 23px;
|
|
}
|
|
#views {
|
|
padding: 0 0.2em 0.2em 2em;
|
|
}
|
|
#bibliodescriptions,
|
|
#isbdcontents {
|
|
clear: right;
|
|
}
|
|
#bookcover {
|
|
float: right;
|
|
}
|
|
#bookcover .no-image {
|
|
margin-left: 10px;
|
|
}
|
|
#bookcover img {
|
|
margin: 0 0 1em 1em;
|
|
}
|
|
/* pagination */
|
|
.results-pagination {
|
|
right: -1px;
|
|
}
|
|
.back {
|
|
float: left;
|
|
}
|
|
.pagination_list ul {
|
|
padding-right: 0px;
|
|
}
|
|
.pagination_list li a {
|
|
padding-right: 0px;
|
|
}
|
|
.pagination_list .li_pag_index {
|
|
float: right;
|
|
padding-left: 10px;
|
|
text-align: left;
|
|
}
|
|
.pg_menu li.back_results a {
|
|
border-right: 1px solid #D0D0D0;
|
|
border-left: 1px solid #D0D0D0;
|
|
}
|
|
.pg_menu li a,
|
|
.pg_menu li span {
|
|
float: right;
|
|
}
|
|
#listResults li {
|
|
margin-left: 1px;
|
|
}
|
|
/* nav */
|
|
.nav_pages .close_pagination {
|
|
padding-left: 10px;
|
|
left: 3px;
|
|
}
|
|
.nav_pages li {
|
|
float: right;
|
|
}
|
|
.nav_pages li ul {
|
|
float: right;
|
|
}
|
|
#format,
|
|
#furthersearches {
|
|
padding-right: 35px;
|
|
}
|
|
.highlight_controls {
|
|
float: right;
|
|
}
|
|
a.addtocart {
|
|
padding-right: 35px;
|
|
}
|
|
a.addtoshelf {
|
|
padding-right: 35px;
|
|
}
|
|
a.brief {
|
|
padding-right: 27px;
|
|
}
|
|
a.detail {
|
|
padding-right: 27px;
|
|
}
|
|
a.download {
|
|
padding-right: 20px;
|
|
}
|
|
a.editshelf {
|
|
padding-right: 26px;
|
|
}
|
|
a.empty {
|
|
padding-right: 30px;
|
|
}
|
|
a.hide {
|
|
padding-right: 26px;
|
|
}
|
|
a.highlight_toggle {
|
|
padding-right: 35px;
|
|
}
|
|
a.hold,
|
|
input.hold {
|
|
padding-right: 23px;
|
|
}
|
|
a.incart {
|
|
padding-right: 35px;
|
|
}
|
|
a.new {
|
|
padding-right: 23px;
|
|
}
|
|
a.print-small {
|
|
padding-right: 30px;
|
|
}
|
|
a.print-large {
|
|
padding-right: 35px;
|
|
}
|
|
a.removeitems,
|
|
a.deleteshelf {
|
|
padding-right: 25px;
|
|
}
|
|
a.reserve {
|
|
padding-right: 35px;
|
|
}
|
|
a.send {
|
|
padding-right: 28px;
|
|
}
|
|
a.tag_add {
|
|
padding-right: 27px;
|
|
}
|
|
input.editshelf {
|
|
padding-right: 29px;
|
|
}
|
|
.newshelf {
|
|
padding-right: 28px;
|
|
}
|
|
.deleteshelf {
|
|
padding-right: 25px;
|
|
}
|
|
#login4tags {
|
|
padding-right: 20px;
|
|
}
|
|
.tag_results_input {
|
|
margin-right: 1em;
|
|
}
|
|
#social_networks span {
|
|
float: right;
|
|
margin: .5em .5em .5em 0 !important;
|
|
}
|
|
#social_networks div {
|
|
float: right !important;
|
|
margin: .5em .2em .5em 0 !important;
|
|
}
|
|
#marc td,
|
|
#marc th {
|
|
text-align: right;
|
|
}
|
|
#marc .results_summary {
|
|
clear: right;
|
|
}
|
|
#plainmarc th {
|
|
text-align: right;
|
|
}
|
|
#renewcontrols {
|
|
float: left;
|
|
}
|
|
.authstanza li {
|
|
margin-right: 0.5em;
|
|
}
|
|
#didyoumean {
|
|
text-align: right;
|
|
}
|
|
.authlink {
|
|
padding-right: 0.25em;
|
|
}
|
|
#search-facets h4 a,
|
|
#menu h4 a {
|
|
border-radius: 8px 0 0 8px;
|
|
}
|
|
#menu {
|
|
border: 0 solid #D8D8D8;
|
|
border-left-width: 1px;
|
|
}
|
|
#menu li a {
|
|
border-radius: 0 5px 5px 0;
|
|
margin-left: -1px;
|
|
}
|
|
#menu li.active a {
|
|
border-left-width: 0;
|
|
border-right-width: 1px;
|
|
}
|
|
/* Search results add to cart (lists disabled) */
|
|
.addto a.addtocart {
|
|
padding-right: 33px;
|
|
}
|
|
.searchresults a.highlight_toggle {
|
|
padding: 0 21px 0 10px;
|
|
}
|
|
.commentline .avatar {
|
|
float: left;
|
|
padding-right: .5em;
|
|
}
|
|
span.sep {
|
|
padding: 0 .5em 0 .2em;
|
|
}
|
|
/* style for PM-generated pagination bar */
|
|
.pages span:first-child,
|
|
.pages a:first-child {
|
|
border-bottom-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
.pages span:last-child,
|
|
.pages a:last-child {
|
|
border-width: 1px 0 1px 1px;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
}
|
|
.pages .inactive,
|
|
.pages .currentPage,
|
|
.pages a {
|
|
border-width: 1px 0 1px 1px;
|
|
float: right;
|
|
}
|
|
.pages a[rel='last'] {
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
}
|
|
.close {
|
|
left: auto;
|
|
}
|
|
/* Redefine a new style for Bootstrap's class "close" since we use that already */
|
|
/* Use <a class="closebtn" href="#">×</a> */
|
|
.alert .closebtn {
|
|
left: -21px;
|
|
}
|
|
.closebtn {
|
|
float: left;
|
|
}
|
|
#logo {
|
|
float: right !important;
|
|
}
|
|
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
|
|
.floating {
|
|
-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.4);
|
|
box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.4);
|
|
}
|
|
.table .sorting_asc {
|
|
padding-left: 19px;
|
|
background: url("../images/asc.gif") no-repeat scroll left center #ecede6;
|
|
}
|
|
.table .sorting_desc {
|
|
padding-left: 19px;
|
|
background: url("../images/desc.gif") no-repeat scroll left center #ecede6;
|
|
}
|
|
.table .sorting {
|
|
padding-left: 19px;
|
|
background: url("../images/ascdesc.gif") no-repeat scroll left center #ecede6;
|
|
}
|
|
.table .nosort,
|
|
.table .nosort.sorting_asc,
|
|
.table .nosort.sorting_desc,
|
|
.table .nosort.sorting {
|
|
padding-left: 19px;
|
|
}
|
|
.tags ul {
|
|
margin-right: 0;
|
|
}
|
|
.coverimages {
|
|
float: left;
|
|
}
|
|
#i18nMenu {
|
|
margin-right: 1em;
|
|
}
|
|
#overdrive-results {
|
|
padding-right: 1em;
|
|
}
|