koha-tmpl/intranet-tmpl/prog/css/right-to-left.css

   1 fieldset.rows ol.radio label, fieldset.rows li.radio label { float: right; margin: 0 1em 0 0.3em; }
   2
   3
   4 /* Adjust text directions */
   5
   6 body,
   7 caption,
   8 div#toolbar,
   9 div.rows span.label,
  10 div.subfield_line label,
  11 fieldset.rows.left label,
  12 fieldset.rows.left span.label,
  13 h1,
  14 h2,
  15 h3,
  16 h4,
  17 h5,
  18 h6,
  19 legend,
  20 th,
  21 odoc,
  22 p,
  23 ul li,
  24 ul.toolbar,
  25 #doc2,
  26 #doc3,
  27 #doc4,
  28 .autocomplete .sample-result,
  29 .ui-tabs-panel,
  30 .yui-t1,
  31 .yui-t2,
  32 .yui-t3,
  33 .yui-t4
  34 .yui-t5,
  35 .yui-t6,
  36 .yui-t7
  37 {
  38    text-align: right;
  39 }
  40
  41 #doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
  42     text-align: right;
  43 }
  44
  45 #issuest th,
  46 .column-tool
  47 {
  48    text-align: center;
  49 }
  50
  51 /* Swap floats */
  52
  53 div.lang,
  54 div.rows span.label,
  55 div.subfield_line label,
  56 div#header_search,
  57 fieldset.action,
  58 fieldset.rows,
  59 fieldset.rows input,
  60 fieldset.rows div.hint,
  61 fieldset.rows img,
  62 fieldset.rows label,
  63 fieldset.rows li,
  64 fieldset.rows ol.radio label.radio,
  65 fieldset.rows select,
  66 fieldset.rows span.label,
  67 fieldset.rows textarea,
  68 ol.bibliodetails,
  69 ol.bibliodetails span.label,
  70 span.required,
  71 #marcDocsSelect,
  72 #toplevelnav,
  73 .ui-tabs-nav li,
  74 .yui-g div.first,
  75 .yui-gb div.first,
  76 .yui-gc div.first,
  77 .yui-gc div.first div.first,
  78 .yui-gd div.first,
  79 .yui-ge div.first,
  80 .yui-gf div.first,
  81 .yui-t1 .yui-b,
  82 .yui-t2 .yui-b,
  83 .yui-t3 .yui-b
  84 {
  85    float: right;
  86 }
  87
  88 a.buttondot
  89 {
  90    float: left;
  91 }
  92
  93 ul li,
  94 input,
  95 .input_marceditor
  96 {
  97    float: none;
  98 }
  99
 100 div.sysprefs div.hint,
 101 .yui-g .yui-u,
 102 .yui-t1 #yui-main,
 103 .yui-t2 #yui-main,
 104 .yui-t3 #yui-main,
 105
 106 {
 107    float: right ;
 108 }
 109 .yui-t1 {
 110 float:right
 111 }
 112
 113 /* Adjust margins, padding, alignment and table-element widths */
 114
 115 .yui-t1 #yui-main,
 116 .yui-t2 #yui-main,
 117 .yui-t3 #yui-main
 118 {
 119    margin-left: 0;
 120 }
 121
 122 .yui-t1 #yui-main .yui-b,
 123 .yui-t2 #yui-main .yui-b
 124 {
 125    margin-left: 0;
 126    /* karam margin-right: 13em; */
 127 }
 128
 129 div#menu li a
 130 {
 131    margin-left: -1px;
 132 }
 133
 134 div#menu,
 135 div.patroninfo ul,
 136 div.patroninfo h5,
 137 #guarantorsearch,
 138 .yui-g input
 139 {
 140    margin-left: 0.5em;
 141 }
 142 fieldset.rows img,
 143 span.required
 144 {
 145    margin-right: 0.5em;
 146 }
 147
 148 fieldset.rows div.hint
 149 {
 150    margin-right:1em;
 151    margin-left:0;
 152 }
 153
 154 div#header_search
 155 {
 156    margin-right:200px;
 157 }
 158
 159 .yui-g .yui-u
 160 {
 161    padding-right: 0;
 162 }
 163
 164 .yui-u
 165 {
 166    padding-right: 0.5em;
 167 }
 168
 169 ul
 170 {
 171    padding-left: 0;
 172    padding-right: 1.1em;
 173 }
 174
 175 .yui-b
 176 {
 177    padding-bottom: 5em;
 178 }
 179
 180 #login
 181 {
 182    left: 0.5em;
 183 }
 184
 185 #koha_url
 186 {
 187    left: 2em;
 188 }
 189
 190 #login,
 191 #koha_url
 192 {
 193    right:auto;
 194 }
 195
 196 div.listgroup,
 197 .yui-g p
 198 {
 199    clear:right;
 200 }
 201
 202 .yui-t2 #yui-main
 203 {
 204    width: 75%;
 205 }
 206
 207 .yui-t3 #yui-main
 208 {
 209    width: 70%;
 210 }
 211
 212 .holdcount
 213 {
 214    line-height: 150%;
 215 }
 216
 217
 218 /* Borders */
 219
 220 div#menu,
 221 div.patroninfo ul,
 222 div.patroninfo h5
 223 {
 224    border-left: 1px solid #000;
 225    border-right: none;
 226 }
 227
 228 #menu ul li.active a
 229 {
 230    border-right: 1px solid #000;
 231    border-left: 0;
 232 }
 233
 234 /* TODO - Can we find ways to avoid this? */
 235
 236 h1#logo,
 237 #koha_url,
 238 #login,
 239 .yui-t1 .yui-b
 240 {
 241    position: absolute;
 242 }
 243
 244 /*
 245 ###############
 246 new added for good rtl :
 247 */
 248 .statictabs ul li {
 249     background: none repeat scroll 0px 0px rgb(230, 240, 242);
 250     border-top: 1px solid rgb(185, 216, 217);
 251     border-right: 1px solid rgb(185, 216, 217);
 252     border-left: 1px solid rgb(185, 216, 217);
 253     -moz-border-top-colors: none;
 254     -moz-border-right-colors: none;
 255     -moz-border-bottom-colors: none;
 256     -moz-border-left-colors: none;
 257     border-image: none;
 258     border-bottom: 0px none !important;
 259     border-top-right-radius: 4px;
 260     border-top-left-radius: 4px;
 261     float: right;
 262     list-style: none outside none;
 263     margin-bottom: 0px;
 264     margin-right: 0.4em;
 265     padding: 0px;
 266     position: relative;
 267     white-space: nowrap;
 268     top: 1px;
 269 }
 270
 271 div.sysprefs div.hint {
 272     width: 25%;
 273     float: left;
 274     padding: 0.5em;
 275     margin: 0.7em;
 276 }
 277 div.subfield_line label {
 278     font-size: 89%;
 279     float: right;
 280     width: 16em;
 281     text-align: right;
 282     clear: right;
 283 }
 284 .yui-t3 #yui-main .yui-b {
 285     margin-left: -0.0759em;
 286 }
 287
 288 #doc3 {
 289     background-position: right top;
 290 }
 291
 292 .yui-gb{
 293     /* use this will break the tools page "" width: 30%;""*/
 294     float: right;
 295 }
 296
 297
 298
 299 ul#toplevelmenu {
 300     padding: 0px;
 301     float: right;
 302 }
 303 .navbar .nav.pull-right {
 304     float: left;
 305     margin-right: 0px;
 306 }
 307
 308 .navbar .nav > li {
 309     float: right;
 310 }
 311 #cartmenulink {
 312     background: url("../img/cart-small.gif") no-repeat bottom 50% right 10px;
 313     padding-right: 25px;
 314 }
 315
 316
 317
 318 .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 {
 319     display: inline;
 320
 321 }
 322
 323
 324
 325 fieldset.action {
 326     float: right;
 327
 328 }
 329 #yui-main .yui-b {
 330
 331     width: auto;
 332 }
 333
 334 /***********************************************************/
 335
 336
 337 #addbibliotabs .ui-tabs-panel {
 338     float: right;
 339 }
 340
 341 /*for the tools main page */
 342 .yui-gb .yui-u {
 343     float: left;
 344     margin-right: 2%;
 345     margin-left: 0%;
 346     width: 25%;
 347 }
 348
 349 /*NEWS*/
 350 div.yui-b {
 351     position: absolute;
 352 }
 353 div#yui-main{
 354 float:left;
 355 }
 356 /*floating taps for marceditor and other taps plases */
 357 .ui-tabs .ui-tabs-nav li {
 358     float: right;
 359 }
 360 /*this is about the shadow image in the pref sidbar */
 361 div#menu li a {
 362     background: -moz-linear-gradient(right center , rgb(232, 240, 246) 0%, rgb(232, 240, 246) 96%, rgb(193, 193, 193) 100%) repeat scroll 0% 0% transparent; /*firefox 6*/
 363 background: -webkit-gradient(linear, right top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4 */
 364     background: -webkit-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10,Safari5.1 */
 365      background: -o-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10 */
 366    background: -ms-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10 */
 367        background: linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
 368 }
 369 /*Z39 search botton */
 370
 371 #searchheader form.fz3950bigrpad {
 372     float: left;
 373 }
 374 /*check bocks*/
 375 p label, {
 376     float: left;
 377 }
 378
 379 /*the arrwos in pref.*/
 380 h3.expanded {
 381     background: url("../img/collapse.gif") no-repeat scroll right 6px transparent;
 382     cursor: pointer;
 383     padding-right: 12px;
 384 }
 385 h3.collapsed {
 386     background: url("../img/expand.gif") no-repeat scroll right 6px transparent;
 387     cursor: pointer;
 388     padding-right: 12px;
 389
 390 }
 391 .dropdown-menu {
 392     position: absolute;
 393     top: 100%;
 394     left: -25px;
 395     z-index: 1000;
 396     display: none;
 397     float: left;
 398     min-width: 160px;
 399     padding: 5px 0px;
 400     margin: 2px 0px 0px;
 401     list-style: none outside none;
 402     background-color: rgb(255, 255, 255);
 403     border: 1px solid rgba(0, 0, 0, 0.2);
 404     border-radius: 6px 6px 6px 6px;
 405     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
 406     background-clip: padding-box;
 407 }
 408
 409
 410 /* */
 411
 412 div#yui-main {
 413
 414     margin-right: 22em;
 415 }
 416
 417 /* */
 418
 419 div#yui-main.sysprefs {
 420     margin-right: 0em;
 421     float: right;
 422 }
 423
 424 #user-menu {
 425     left: 5px;
 426     right: unset;
 427 }
 428
 429 div.dt-buttons {
 430     position: relative;
 431     float: right;
 432 }
 433
 434 #catalog-search-link {
 435     border-right: 0;
 436     border-left: 1px solid #fff;
 437     padding-left: .3em;
 438 }
 439
 440 #catalog-search-dropdown > a {
 441     border-left: 0;
 442     border-right: 1px solid #a3c8cf;
 443     margin: 0;
 444     padding: .4em .6em;
 445 }
 446
 447 #catalog-search-dropdown > a.catalog-search-dropdown-hover,
 448 #catalog-search-dropdown > a:hover {
 449     border-left: 0;
 450     border-right: 1px solid #82b4be;
 451 }
 452
 453 @media (max-width: 767px) {
 454     h1#logo {
 455         float: none;
 456         margin:  auto;
 457         position: relative;
 458     }
 459
 460     div#header_search {
 461         margin-right: 0;
 462     }
 463
 464     #user-menu .open .dropdown-menu {
 465         float: left;
 466         left: 0;
 467         min-width: 160px;
 468         margin: 2px 0px 0px;
 469         position: absolute;
 470         right: auto;
 471         top: 100%;
 472         z-index: 1000;
 473     }
 474
 475     .navbar .nav > li {
 476         float: none;
 477     }
 478
 479 }