Bug 11060: (Bootstrap theme) fix incorrect rendering for right to left languages
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>
This commit is contained in:
parent
58d469ed4d
commit
9d7d3085ec
7 changed files with 8113 additions and 207 deletions
|
@ -2191,11 +2191,6 @@ td img {
|
|||
#shelfbrowser #browser_next {
|
||||
background-position: -9px -1057px;
|
||||
}
|
||||
.shadowed {
|
||||
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
@media only screen and (min-width: 0px) and (max-width: 304px) {
|
||||
/* Screens bewteen 0 and 304 pixels wide */
|
||||
#oh:after {
|
||||
|
|
|
@ -1,237 +1,420 @@
|
|||
/* Adjust text directions */
|
||||
body,
|
||||
body #doc,
|
||||
#doc2,
|
||||
#doc3,
|
||||
#doc4,
|
||||
.yui-t1,
|
||||
.yui-t2,
|
||||
.yui-t3,
|
||||
.yui-t4,
|
||||
.yui-t5,
|
||||
.yui-t6,
|
||||
.yui-t7
|
||||
{
|
||||
text-align:right;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
caption,
|
||||
table#marc th
|
||||
{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Swap floats */
|
||||
|
||||
|
||||
body#advsearch #cartmenulink,
|
||||
body#advsearch #listsmenulink,
|
||||
#renewcontrols,
|
||||
.commentline .avatar,
|
||||
.resort,
|
||||
.yui-t1 #yui-main,
|
||||
.yui-t2 #yui-main,
|
||||
.yui-t3 #yui-main
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li,
|
||||
div.lang,
|
||||
fieldset.rows label,
|
||||
fieldset.rows span.label,
|
||||
#auth,
|
||||
#bookcover,
|
||||
.left,
|
||||
.nav_results ul.pg_menu li,
|
||||
.ui-tabs-nav li,
|
||||
.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,
|
||||
.yui-t1 .yui-b
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
h1#libraryname
|
||||
{
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
#fluid-offset
|
||||
{
|
||||
float: none;
|
||||
}
|
||||
|
||||
/* Adjust margins, padding, alignment and table-element widths */
|
||||
|
||||
div#menu li a
|
||||
{
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.yui-t1 #yui-main,
|
||||
.yui-t1 #yui-main .yui-b,
|
||||
.yui-t2 #yui-main,
|
||||
.yui-t3 #yui-main
|
||||
{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
{
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.results_summary .label
|
||||
{
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
ul.pg_menu li,
|
||||
.author,
|
||||
.nav_results
|
||||
{
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
#usershowreviews
|
||||
{
|
||||
margin-right: 15em;
|
||||
}
|
||||
|
||||
#moresearches
|
||||
{
|
||||
margin: .6em 10em .3em 0;
|
||||
}
|
||||
|
||||
#menu ul
|
||||
{
|
||||
.popup {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#custom-doc,
|
||||
#opac-main-search
|
||||
{
|
||||
padding-right: 2em;
|
||||
a.cancel {
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.nav_results .l_Results a
|
||||
{
|
||||
padding: 8px 3px 8px 28px;
|
||||
h1#libraryname {
|
||||
float: right !important;
|
||||
}
|
||||
|
||||
body#advsearch #moresearches
|
||||
{
|
||||
clear:none;
|
||||
caption {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
span.koha_url
|
||||
{
|
||||
left: 2em;
|
||||
right:auto;
|
||||
#basketcount span {
|
||||
margin: 0 .9em 0 0;
|
||||
}
|
||||
|
||||
.yui-u first
|
||||
{
|
||||
right: 15em;
|
||||
#koha_url p {
|
||||
float: left;
|
||||
}
|
||||
.actions a {
|
||||
/* List contents remove from list link */
|
||||
|
||||
table#marc td:first-child
|
||||
{
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
.yui-t1 #yui-main,
|
||||
.yui-t2 #yui-main,
|
||||
.yui-t3 #yui-main {
|
||||
width: 80%;
|
||||
.actions a.hold {
|
||||
margin-left: 1em;
|
||||
padding-right: 21px;
|
||||
}
|
||||
|
||||
/* Borders */
|
||||
|
||||
div#menu {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #979797;
|
||||
.actions a.addtocart {
|
||||
margin-left: 1em;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#menu ul li.active a {
|
||||
border-left: 0;
|
||||
border-right: 1px solid #979797;
|
||||
.actions a.addtoshelf {
|
||||
margin-left: 1em;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* flip over breadcrumb image */
|
||||
|
||||
h3 img {
|
||||
-moz-transform: scaleX(-1);
|
||||
-o-transform: scaleX(-1);
|
||||
-webkit-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
filter: FlipH;
|
||||
-ms-filter: "FlipH";
|
||||
.actions a.addtolist {
|
||||
margin-left: 1em;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
|
||||
#moresearches {
|
||||
.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;
|
||||
}
|
||||
|
||||
#cartmenulink, #listsmenulink {
|
||||
fieldset.rows label,
|
||||
fieldset.rows .label {
|
||||
float: right;
|
||||
margin-right: 1em;
|
||||
margin-left: 0em;
|
||||
margin-left: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#listsmenulink {
|
||||
|
||||
background-image: url("../images/sprite.png"), -moz-linear-gradient(center top , rgb(215, 229, 255) 0%, rgb(177, 203, 255) 50%, rgb(159, 191, 255) 100%);
|
||||
|
||||
background-position: -5px -287px, left top;
|
||||
|
||||
padding-left: 20px;
|
||||
fieldset.rows ol.lradio label {
|
||||
margin-left: 0;
|
||||
}
|
||||
#listsmenulink:hover {
|
||||
background-position: -5px -287px, left top;
|
||||
fieldset.rows ol.lradio label.lradio {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#cartmenulink {
|
||||
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;
|
||||
background-position: 20px -256px, left top;
|
||||
padding-left: 13px;
|
||||
}
|
||||
#cartmenulink:hover {
|
||||
background-position: 20px -256px, left top;
|
||||
a.hide {
|
||||
padding-right: 26px;
|
||||
}
|
||||
.lang {
|
||||
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;
|
||||
}
|
||||
.morelang,
|
||||
li.more {
|
||||
#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;
|
||||
}
|
||||
|
||||
ul#i18nMenu li {
|
||||
border-right: 1px solid rgb(204, 204, 204);
|
||||
.pages a[rel='last'] {
|
||||
border-bottom-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
div.rating-cancel, div.star-rating {
|
||||
float: right;
|
||||
.close {
|
||||
left: auto;
|
||||
}
|
||||
|
||||
|
||||
#shelfbrowser #browser_previous {
|
||||
background-position: -9px -1051px;
|
||||
/* Redefine a new style for Bootstrap's class "close" since we use that already */
|
||||
/* Use <a class="closebtn" href="#">×</a> */
|
||||
.alert .closebtn {
|
||||
left: -21px;
|
||||
}
|
||||
|
||||
#shelfbrowser #browser_next {
|
||||
background-position: -9px -1001px;
|
||||
.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;
|
||||
}
|
||||
|
|
|
@ -3,8 +3,18 @@
|
|||
<meta name="generator" content="Koha [% Version %]" /> <!-- leave this for stats -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||
<link rel="shortcut icon" href="[% IF ( OpacFavicon ) %][% OpacFavicon %][% ELSE %][% interface %]/[% theme %]/images/favicon.ico[% END %]" type="image/x-icon" />
|
||||
[% IF ( bidi ) %]
|
||||
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap-rtl.min.css" />
|
||||
[% ELSE %]
|
||||
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap.min.css" />
|
||||
[% END %]
|
||||
|
||||
[% IF ( bidi ) %]
|
||||
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui-rtl.css" />
|
||||
[% ELSE %]
|
||||
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui.css" />
|
||||
[% END %]
|
||||
|
||||
[% SET opaclayoutstylesheet='opac.css' UNLESS opaclayoutstylesheet %]
|
||||
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
|
||||
<link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet %]" />
|
||||
|
|
555
koha-tmpl/opac-tmpl/bootstrap/less/right-to-left.less
Normal file
555
koha-tmpl/opac-tmpl/bootstrap/less/right-to-left.less
Normal file
|
@ -0,0 +1,555 @@
|
|||
.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 {
|
||||
&.hold {
|
||||
margin-left : 1em;
|
||||
padding-right : 21px;
|
||||
}
|
||||
&.addtocart {
|
||||
margin-left : 1em;
|
||||
padding-right : 20px;
|
||||
}
|
||||
&.addtoshelf {
|
||||
margin-left : 1em;
|
||||
padding-right : 20px;
|
||||
}
|
||||
&.addtolist {
|
||||
margin-left : 1em;
|
||||
padding-right : 20px;
|
||||
}
|
||||
&.tag_add {
|
||||
margin-left : 1em;
|
||||
padding-right : 20px;
|
||||
}
|
||||
/* List contents remove from list link */
|
||||
&.removefromlist {
|
||||
margin-left : 1em;
|
||||
padding-right : 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-tabs .ui-tabs-nav li {
|
||||
margin-left : .4em;
|
||||
}
|
||||
|
||||
.statictabs {
|
||||
li {
|
||||
float: right;
|
||||
margin-left: 0.4em;
|
||||
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;
|
||||
label,
|
||||
.label {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
ol {
|
||||
&.lradio {
|
||||
label {
|
||||
margin-left : 0;
|
||||
&.lradio {
|
||||
float : right;
|
||||
margin-left : 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
li {
|
||||
float : right;
|
||||
clear : right;
|
||||
&.lradio {
|
||||
padding-right: 8.5em;
|
||||
label {
|
||||
margin : 0 1em 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.rows {
|
||||
float : right;
|
||||
clear : right;
|
||||
span.label {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
ol {
|
||||
margin-right : 0;
|
||||
padding: .5em 0 0 1em;
|
||||
}
|
||||
li {
|
||||
|
||||
float : right;
|
||||
clear : right;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
margin-right : 7.3em;
|
||||
&:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar {
|
||||
padding:3px 5px 5px 3px;
|
||||
label {
|
||||
margin-right : .5em;
|
||||
}
|
||||
.hold,
|
||||
#tagsel_tag {
|
||||
padding-right: 28px;
|
||||
}
|
||||
li {
|
||||
a {
|
||||
border-right : 1px solid #e8e8e8;
|
||||
}
|
||||
&:first-child {
|
||||
a {
|
||||
border-right : 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
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;
|
||||
.no-image {
|
||||
margin-left : 10px;
|
||||
}
|
||||
img {
|
||||
margin : 0 0 1em 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
.results-pagination {
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
|
||||
.back {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.pagination_list {
|
||||
ul {
|
||||
padding-right:0px;
|
||||
}
|
||||
li {
|
||||
a {
|
||||
padding-right:0px;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
}
|
||||
}
|
||||
a,
|
||||
span {
|
||||
float:right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#listResults{
|
||||
li {
|
||||
margin-left:1px;
|
||||
}
|
||||
}
|
||||
|
||||
/* nav */
|
||||
.nav_pages {
|
||||
.close_pagination {
|
||||
padding-left: 10px;
|
||||
left: 3px;
|
||||
}
|
||||
li {
|
||||
float:right;
|
||||
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;
|
||||
}
|
||||
div {
|
||||
float : right !important;
|
||||
margin : .5em .2em .5em 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
#marc {
|
||||
td,
|
||||
th {
|
||||
text-align : right;
|
||||
}
|
||||
.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,
|
||||
#menu {
|
||||
h4 {
|
||||
a {
|
||||
border-radius: 8px 0 0 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#menu {
|
||||
border : 0 solid #D8D8D8;
|
||||
border-left-width: 1px;
|
||||
li {
|
||||
a {
|
||||
border-radius: 0 5px 5px 0;
|
||||
margin-left: -1px;
|
||||
}
|
||||
&.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, .4);
|
||||
box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
|
||||
.table {
|
||||
.sorting_asc {
|
||||
padding-left: 19px;
|
||||
background: url("../images/asc.gif") no-repeat scroll left center #ECEDE6;
|
||||
}
|
||||
.sorting_desc {
|
||||
padding-left: 19px;
|
||||
background: url("../images/desc.gif") no-repeat scroll left center #ECEDE6;
|
||||
}
|
||||
.sorting {
|
||||
padding-left: 19px;
|
||||
background: url("../images/ascdesc.gif") no-repeat scroll left center #ECEDE6;
|
||||
}
|
||||
.nosort,
|
||||
.nosort.sorting_asc,
|
||||
.nosort.sorting_desc,
|
||||
.nosort.sorting {
|
||||
padding-left: 19px;
|
||||
}
|
||||
}
|
||||
.tags {
|
||||
ul {
|
||||
margin-right : 0;
|
||||
}
|
||||
}
|
||||
|
||||
.coverimages {
|
||||
float : left;
|
||||
}
|
||||
|
||||
#i18nMenu {
|
||||
margin-right : 1em;
|
||||
}
|
||||
|
||||
#overdrive-results {
|
||||
padding-right: 1em;
|
||||
}
|
6301
koha-tmpl/opac-tmpl/bootstrap/lib/bootstrap/css/bootstrap-rtl.css
vendored
Normal file
6301
koha-tmpl/opac-tmpl/bootstrap/lib/bootstrap/css/bootstrap-rtl.css
vendored
Normal file
File diff suppressed because it is too large
Load diff
857
koha-tmpl/opac-tmpl/bootstrap/lib/bootstrap/css/bootstrap-rtl.min.css
vendored
Normal file
857
koha-tmpl/opac-tmpl/bootstrap/lib/bootstrap/css/bootstrap-rtl.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue