koha-tmpl/opac-tmpl/bootstrap/less/opac.less

   1 @import "mixins.less";
   2 body {
   3     background-color: #EAEAE6;
   4 }
   5
   6  /* Sticky footer styles */
   7 html,
   8 body {
   9     height: 100%;
  10     /* The html and body elements cannot have any padding or margin. */
  11 }
  12
  13 .no-js {
  14     .dateformat {
  15         display: inline;
  16         white-space: nowrap;
  17     }
  18     .modal-body {
  19         padding: 0;
  20     }
  21     .selections-toolbar {
  22         display: none;
  23     }
  24 }
  25
  26 .js {
  27     .dateformat {
  28         display: none;
  29     }
  30 }
  31
  32 /* Wrapper for page content to push down footer */
  33 #wrap {
  34     min-height: 100%;
  35     height: auto !important;
  36     height: 100%;
  37     /* Negative indent footer by it's height */
  38     // margin: 0 auto -60px;
  39 }
  40
  41 /* Set the fixed height of the footer here */
  42 #changelanguage {
  43     // height: 60px;
  44 }
  45
  46 .popup {
  47     padding-left : 0;
  48     padding-right: 0;
  49 }
  50
  51 a {
  52     color: @links;
  53     &.cancel {
  54         padding-left : 1em;
  55     }
  56     &:visited {
  57         color: @links;
  58     }
  59     &.title {
  60         font-weight: bold;
  61         font-size : 108%;
  62     }
  63     &.btn {
  64         &:visited {
  65             color : #333;
  66         }
  67     }
  68     &.btn-primary {
  69         &:visited {
  70             color : #FFF;
  71         }
  72     }
  73 }
  74
  75 .ui-widget-content a,
  76 .ui-widget-content a:visited {
  77     color: @links;
  78 }
  79
  80 h1 {
  81     font-size : 140%;
  82     line-height: 150%;
  83     &#libraryname {
  84         background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
  85         border: 0;
  86         float: left !important;
  87         margin: 0;
  88         padding: 0;
  89         width: 120px;
  90         a {
  91             border: 0;
  92             cursor: pointer;
  93             display: block;
  94             height: 0px !important;
  95             margin: 0;
  96             overflow: hidden;
  97             padding: 40px 0 0;
  98             text-decoration: none;
  99             width: 120px;
 100         }
 101     }
 102 }
 103
 104 h2 {
 105
 106     font-size : 130%;
 107     line-height: 150%;
 108 }
 109 h3 {
 110
 111     font-size : 120%;
 112     line-height: 150%;
 113 }
 114 h4 {
 115
 116     font-size : 110%;
 117 }
 118 h5 {
 119
 120     font-size : 100%;
 121 }
 122
 123 caption {
 124     font-size: 120%;
 125     font-weight: bold;
 126     margin : 0;
 127     text-align: left;
 128 }
 129
 130 input,
 131 textarea {
 132     width: auto;
 133 }
 134
 135 .input-fluid {
 136     width : 50%;
 137 }
 138
 139 legend {
 140     font-size: 110%;
 141     font-weight: bold;
 142 }
 143
 144 table, td {
 145     background-color: #FFF;
 146 }
 147
 148 td {
 149     .btn {
 150         white-space: nowrap;
 151     }
 152     .btn-link {
 153         padding: 0;
 154     }
 155 }
 156
 157 #advsearches,
 158 #booleansearch {
 159     label {
 160         display: inline;
 161     }
 162 }
 163
 164 #basketcount {
 165     display : inline;
 166     margin : 0;
 167     padding : 0;
 168     span {
 169         background-color : #FFC;
 170         color : #000;
 171         display : inline;
 172         font-size : 80%;
 173         font-weight : normal;
 174         margin : 0 0 0 .9em;
 175         padding : 0 .3em 0 .3em;
 176         .border-radius-all(3px);
 177     }
 178 }
 179
 180
 181 #members {
 182     display: block;
 183     p {
 184         color : #EEE;
 185     }
 186     a {
 187         color: #A6D8ED;
 188         font-weight: bold;
 189         &.logout {
 190             color : #E8583C;
 191             padding : 0 .3em 0 .3em;
 192         }
 193     }
 194 }
 195 #koha_url p {
 196         color: #666666;
 197         float : right;
 198         margin: 0;
 199 }
 200
 201 #moresearches {
 202     margin: .5em 0;
 203     padding: 0 .8em;
 204     li {
 205         display: inline;
 206         white-space: nowrap;
 207         &:after {
 208             content : " | ";
 209         }
 210
 211     }
 212     ul {
 213         margin : 0;
 214     }
 215 }
 216
 217 #moresearches li:last-child:after {
 218     content : "";
 219 }
 220
 221 #news {
 222     margin : .5em 0;
 223 }
 224
 225 .newscontainer {
 226     border: 1px solid #ddd;
 227     border-bottom-width: 0;
 228     border-top-left-radius: 5px;
 229     border-top-right-radius: 5px;
 230 }
 231
 232 .newsheader {
 233     background-color: #ecede6;
 234     border-bottom: 1px solid #ddd;
 235     margin: 0;
 236     padding: 8px;
 237 }
 238
 239 .newsbody {
 240     padding: 8px;
 241 }
 242
 243 .newsfooter {
 244     border-bottom: 1px solid #ddd;
 245     font-style: italic;
 246     padding: 4px 8px;
 247 }
 248
 249 #opacheader {
 250     background-color: #DDD;
 251 }
 252
 253 #selections,
 254 .selections {
 255     font-weight : bold;
 256 }
 257
 258 .actions {
 259     a {
 260         white-space: nowrap;
 261         &.hold {
 262             background-image : url("../images/sprite.png"); /* Place hold small */
 263             background-position : -5px -542px;
 264             background-repeat: no-repeat;
 265             margin-right : 1em;
 266             padding-left : 21px;
 267             text-decoration : none;
 268         }
 269         &.article_request {
 270             background-image : url("../images/sprite.png"); /* Place hold small */
 271             background-position : -2px -26px;
 272             background-repeat: no-repeat;
 273             margin-right : 1em;
 274             padding-left : 21px;
 275             text-decoration : none;
 276         }
 277         &.addtocart {
 278             background-image : url("../images/sprite.png"); /* Cart small */
 279             background-position : -5px -572px;
 280             background-repeat: no-repeat;
 281             margin-right : 1em;
 282             padding-left : 20px;
 283             text-decoration : none;
 284         }
 285         &.addtoshelf {
 286             background-image : url("../images/sprite.png"); /* MARC view */
 287             background-position: -5px -27px;
 288             background-repeat: no-repeat;
 289             margin-right : 1em;
 290             padding-left : 20px;
 291             text-decoration : none;
 292         }
 293         &.addtolist {
 294             background-position: -5px -27px;
 295             margin-right : 1em;
 296             padding-left : 20px;
 297             text-decoration : none;
 298         }
 299         &.tag_add {
 300             background-position: -5px -1110px;
 301             margin-right : 1em;
 302             padding-left : 20px;
 303             text-decoration : none;
 304         }
 305         /* List contents remove from list link */
 306         &.removefromlist  {
 307             background-position : -8px -690px; /* Delete */
 308             margin-right : 1em;
 309             text-decoration : none;
 310             padding-left : 15px;
 311         }
 312     }
 313 }
 314
 315 /* Override Bootstrap alert */
 316 .alert {
 317     background: #fffbe5; /* Old browsers */
 318     background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
 319     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
 320     background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
 321     background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
 322     background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
 323     background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
 324     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
 325     border-color : #D6C43B;
 326     color: #333;
 327 }
 328
 329 /* Override Bootstrap alert.alert-info */
 330 .alert-info {
 331     background: #f4f6fa; /* Old browsers */
 332     background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
 333     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
 334     background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
 335     background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
 336     background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
 337     background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
 338     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
 339     border-color : #C5D1E5;
 340     color: #333;
 341 }
 342
 343 /* Override Bootstrap alert.alert-success */
 344 .alert-success {
 345     background: #f8ffe8; /* Old browsers */
 346     background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
 347     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
 348     background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
 349     background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
 350     background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
 351     background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
 352     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
 353     border-color : #9FBA35;
 354     color: #333;
 355 }
 356
 357 .breadcrumb {
 358     background-color: #F2F2EF;
 359     font-size: 85%;
 360     list-style: none outside none;
 361     margin: 10px 20px;
 362     padding: 5px 10px;
 363     .border-radius-all(7px);
 364 }
 365
 366 .form-inline {
 367     display : inline;
 368     padding: 0;
 369     margin: 0;
 370     fieldset {
 371         margin: 0.3em 0;
 372         padding: 0.3em;
 373     }
 374 }
 375
 376 .main {
 377     background-color: #FFF;
 378     border: 1px solid #D2D2CF;
 379     .border-radius-all(7px);
 380     .shadowed;
 381     margin-top : 0.5em;
 382     margin-bottom: 0.5em;
 383 }
 384
 385 .mastheadsearch {
 386     .border-radius-all(7px);
 387     padding: .8em;
 388     margin: .5em 0;
 389     background: #c7c7c1;
 390     /* Old browsers */
 391     background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
 392     /* FF3.6+ */
 393     background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2));
 394     /* Chrome,Safari4+ */
 395     background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
 396     /* Chrome10+,Safari5.1+ */
 397     background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
 398     /* Opera 11.10+ */
 399     background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
 400     /* IE10+ */
 401     background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%);
 402     /* W3C */
 403     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 );
 404     /* IE6-9 */
 405     label {
 406         font-size: 115%;
 407         font-weight: bold;
 408     }
 409 }
 410
 411 .navbar-inverse .brand, .navbar-inverse .nav > li > a {
 412     color: #9FE1FF;
 413     font-weight: bold;
 414 }
 415
 416 .navbar-fixed-bottom.navbar-static-bottom {
 417     margin-top : .5em;
 418     position: static;
 419 }
 420
 421 #changelanguage .nav > .active > p {
 422     padding : 0 15px;
 423 }
 424
 425 .table-striped tbody > tr:nth-child(odd) > td,
 426 .table-striped tbody > tr:nth-child(odd) > th {
 427   background-color: #F4F4F4;
 428 }
 429
 430
 431 /* jQuery UI standard tabs */
 432 .ui-tabs-nav .ui-tabs-active a,
 433 .ui-tabs-nav a:hover,
 434 .ui-tabs-nav a:focus,
 435 .ui-tabs-nav a:active,
 436 .ui-tabs-nav span.a {
 437     background: none repeat scroll 0 0 transparent;
 438     outline: 0 none;
 439 }
 440
 441 .ui-widget,
 442 .ui-widget input,
 443 .ui-widget select,
 444 .ui-widget textarea,
 445 .ui-widget button {
 446     font-family : inherit;
 447     font-size : inherit;
 448 }
 449
 450 ul.ui-tabs-nav li {
 451     list-style : none;
 452 }
 453 .ui-tabs.ui-widget-content {
 454     background : transparent none;
 455     border : 0;
 456 }
 457
 458 .ui-tabs .ui-tabs-panel {
 459     border : 1px solid #D8D8D8;
 460     margin-bottom: 1em;
 461 }
 462 .ui-tabs-nav.ui-widget-header {
 463     border : 0;
 464     background : none;
 465 }
 466 .ui-tabs .ui-tabs-nav li {
 467     background: #F3F3F3 none;
 468     border-color: #D8D8D8;
 469     margin-right : .4em;
 470 }
 471
 472 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 473     background-color : #FFF;
 474     border : 1px solid #D8D8D8;
 475     border-bottom: 0;
 476 }
 477 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
 478     color : #000;
 479     font-weight : bold;
 480 }
 481
 482 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
 483     background : #F3F3F3 none;
 484 }
 485
 486 .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
 487     background : #FFF none;
 488 }
 489
 490 .ui-tabs .ui-state-default a,
 491 .ui-tabs .ui-state-default a:link,
 492 .ui-tabs .ui-state-default a:visited {
 493     color: #006699;
 494 }
 495
 496 .ui-tabs .ui-state-hover a,
 497 .ui-tabs .ui-state-hover a:link,
 498 .ui-tabs .ui-state-hover a:visited {
 499     color: #990033;
 500 }
 501
 502 .statictabs {
 503     ul {
 504         background: none repeat scroll 0 0 transparent;
 505         border: 0 none;
 506         margin: 0;
 507         padding: 0.2em 0.2em 0;
 508         border-bottom-right-radius: 4px;
 509         border-bottom-left-radius: 4px;
 510         border-top-right-radius: 4px;
 511         border-top-left-radius: 4px;
 512         color: #222222;
 513         font-weight: bold;
 514         font-size: 100%;
 515         line-height: 1.3;
 516         list-style: none outside none;
 517         outline: 0 none;
 518         text-decoration: none;
 519         &:before {
 520             content: "";
 521             display: table;
 522         }
 523         &:after {
 524             clear: both;
 525             content: "";
 526             display: table;
 527         }
 528     }
 529     li {
 530         background: none repeat scroll 0 0 #E6F0F2;
 531         border: 1px solid #B9D8D9;
 532         border-bottom: 0 none !important;
 533         border-top-right-radius: 4px;
 534         border-top-left-radius: 4px;
 535         float: left;
 536         list-style: none outside none;
 537         margin-bottom: 0;
 538         margin-right: 0.4em;
 539         padding: 0;
 540         position: relative;
 541         white-space: nowrap;
 542         top: 1px;
 543         color: #555555;
 544         font-weight: normal;
 545         &.active {
 546             background-color: #FFFFFF;
 547             color: #212121;
 548             font-weight: normal;
 549             padding-bottom: 1px;
 550         }
 551         a {
 552             color: #004D99;
 553             cursor: pointer;
 554             float: left;
 555             padding: 0.5em 1em;
 556             text-decoration: none;
 557             &:hover {
 558                 background-color : #EDF4F5;
 559                 border-top-right-radius: 4px;
 560                 border-top-left-radius: 4px;
 561                 color : #538200;
 562             }
 563         }
 564         &.active {
 565             a {
 566                 color: #000000;
 567                 font-weight: bold;
 568                 cursor: text;
 569                 background: none repeat scroll 0 0 transparent;
 570                 outline: 0 none;
 571             }
 572         }
 573     }
 574     .tabs-container {
 575         border: 1px solid #B9D8D9;
 576         background: none repeat scroll 0 0 transparent;
 577         display: block;
 578         padding: 1em 1.4em;
 579         border-bottom-right-radius: 4px;
 580         border-bottom-left-radius: 4px;
 581         color: #222222;
 582     }
 583 }
 584
 585 /* End jQueryUI tab styles */
 586
 587 /* jQuery UI Datepicker */
 588 .ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
 589 .ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
 590
 591 .ui-datepicker-trigger {
 592     vertical-align: middle;
 593     margin : 0 3px;
 594 }
 595 .ui-datepicker {
 596     .shadowed;
 597 }
 598 /* End jQueryUI datepicker styles */
 599
 600
 601 /* jQueryUI Core */
 602
 603 .ui-widget-content {
 604     border: 1px solid #AAA;
 605     background: #ffffff none;
 606     color: #222222;
 607 }
 608 .ui-widget-header {
 609     border: 1px solid #AAA;
 610     background: #E6F0F2 none;
 611     color: #222222;
 612     font-weight: bold;
 613 }
 614 .ui-state-default,
 615 .ui-widget-content .ui-state-default,
 616 .ui-widget-header .ui-state-default {
 617     border: 1px solid #AAA;
 618     background: #F4F8F9 none;
 619     font-weight: normal;
 620     color: #555555;
 621 }
 622 .ui-state-hover,
 623 .ui-widget-content .ui-state-hover,
 624 .ui-widget-header .ui-state-hover,
 625 .ui-state-focus,
 626 .ui-widget-content .ui-state-focus,
 627 .ui-widget-header .ui-state-focus {
 628     border: 1px solid #AAA;
 629     background: #E6F0F2 none;
 630     font-weight: normal;
 631     color: #212121;
 632 }
 633 .ui-state-active,
 634 .ui-widget-content .ui-state-active,
 635 .ui-widget-header .ui-state-active {
 636     border: 1px solid #aaaaaa;
 637     background: #ffffff none;
 638     font-weight: normal;
 639     color: #212121;
 640 }
 641 .ui-state-highlight,
 642 .ui-widget-content .ui-state-highlight,
 643 .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1;
 644     background: #fbf9ee;
 645     color: #363636;
 646 }
 647 .ui-state-error,
 648 .ui-widget-content .ui-state-error,
 649 .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
 650     background: #fef1ec;
 651     color: #cd0a0a;
 652 }
 653
 654 /* end jQueryUI core */
 655
 656 /* jQueryUI autocomplete */
 657
 658 .ui-autocomplete {
 659     position: absolute;
 660     cursor: default;
 661     .shadowed;
 662 }
 663 .ui-autocomplete.ui-widget-content .ui-state-hover {
 664     border: 1px solid #AAA;
 665     background: #E6F0F2 none;
 666     font-weight: normal;
 667     color: #212121;
 668 }
 669 .ui-autocomplete-loading {
 670     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
 671 }
 672 .ui-menu li {
 673     list-style:none;
 674 }
 675
 676 /* end jQueryUI autocomplete */
 677
 678
 679
 680 th {
 681     background-color: #ECEDE6;
 682 }
 683
 684 .item-thumbnail {
 685     max-width: none;
 686 }
 687
 688 .no-image {
 689     background-color : #FFF;
 690     border: 1px solid #AAA;
 691     color : #979797;
 692     display:block;
 693     font-size : 86%;
 694     font-weight : bold;
 695     text-align : center;
 696     width : 75px;
 697     .border-radius-all(3px);
 698 }
 699
 700 #bookcover .no-image {
 701     margin-right : 10px;
 702     margin-bottom : 10px;
 703 }
 704
 705 td.overdue {
 706     color : #cc3333;
 707 }
 708 table {
 709     font-size: 90%;
 710 }
 711 th.sum {
 712     text-align: right;
 713 }
 714
 715 td.sum {
 716     background-color: #FFC;
 717     font-weight: bold;
 718 }
 719
 720 th[scope=row] {
 721     background-color: transparent;
 722     text-align : right;
 723 }
 724
 725 .required {
 726     color : #C00;
 727 }
 728
 729 .label {
 730     background-color: transparent;
 731     color: inherit;
 732     display: inline;
 733     font-weight: normal;
 734     padding : 0;
 735     text-shadow: none;
 736 }
 737
 738 .blabel {
 739     background-color: #999999;
 740     border-radius: 3px;
 741     color: #ffffff;
 742     display: inline-block;
 743     font-weight: bold;
 744     padding: 2px 4px;
 745     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 746 }
 747
 748 .label-important {
 749   background-color: #b94a48;
 750 }
 751 .label-warning {
 752   background-color: #f89406;
 753 }
 754 .label-success {
 755   background-color: #468847;
 756 }
 757 .label-info {
 758   background-color: #3a87ad;
 759 }
 760 .label-inverse {
 761   background-color: #333333;
 762 }
 763
 764 fieldset {
 765     &.rows {
 766         float : left;
 767         font-size : 90%;
 768         clear : left;
 769         margin: .9em 0 0 0;
 770         padding: 0;
 771         width: 100%;
 772         legend {
 773             font-weight: bold;
 774             font-size : 130%;
 775         }
 776         label,
 777         .label {
 778             float: left;
 779             font-weight : bold;
 780             width: 9em;
 781             margin-right: 1em;
 782             text-align: right;
 783         }
 784         label {
 785             &.lradio {
 786                 float: none;
 787                 margin: inherit;
 788                 width: auto;
 789             }
 790         }
 791         fieldset {
 792             margin : 0;
 793             padding : .3em;
 794         }
 795         ol {
 796             padding: 1em 1em 0 1em;
 797             list-style-type: none;
 798             &.lradio {
 799                 label {
 800                     width : auto;
 801                     float : none;
 802                     margin-right : 0;
 803                     &.lradio {
 804                         float : left;
 805                         width : 12em;
 806                         margin-right : 1em;
 807                     }
 808                 }
 809             }
 810         }
 811         li {
 812             float : left;
 813             clear : left;
 814             padding-bottom: 1em;
 815             list-style-type: none;
 816             width: 100%;
 817             &.lradio {
 818                 padding-left: 8.5em;
 819                 width : auto;
 820                 label {
 821                     float : none;
 822                     width : auto;
 823                     margin : 0 0 0 1em;
 824                 }
 825             }
 826         }
 827         .hint {
 828             display: block;
 829             margin-left : 11em;
 830         }
 831     }
 832     &.action {
 833         clear : both;
 834         float : none;
 835         border : none;
 836         margin : 0;
 837         padding : 1em 0 .3em 0;
 838         width : auto;
 839         p {
 840             margin-bottom : 1em;
 841         }
 842     }
 843     table {
 844         font-size: 100%;
 845     }
 846 }
 847
 848 div.rows+div.rows {
 849     margin-top : .6em;
 850 }
 851
 852 div.rows {
 853     float : left;
 854     clear : left;
 855     margin: 0 0 0 0;
 856     padding: 0;
 857     width: 100%;
 858     span.label {
 859         float: left;
 860         font-weight : bold;
 861         width: 9em;
 862         margin-right: 1em;
 863         text-align: left;
 864     }
 865     ol {
 866         list-style-type: none;
 867         margin-left : 0;
 868         padding: .5em 1em 0 0;
 869     }
 870     li {
 871         border-bottom :  1px solid #EEE;
 872         float : left;
 873         clear : left;
 874         padding-bottom: .2em;
 875         padding-top: .1em;
 876         list-style-type: none;
 877         width: 100%;
 878     }
 879     ul {
 880         li {
 881             margin-left : 7.3em;
 882             &:first-child {
 883                 float: none;
 884                 clear: none;
 885                 margin-left: 0;
 886             }
 887         }
 888     }
 889     ol li li {
 890         border-bottom: 0;
 891     }
 892 }
 893
 894 /* different sizes for different tags in opac-tags.tt */
 895 .tagweight0 {
 896     font-size: 12px;
 897 }
 898
 899 .tagweight1 {
 900     font-size: 14px;
 901 }
 902
 903 .tagweight2 {
 904     font-size: 16px;
 905 }
 906
 907 .tagweight3 {
 908     font-size: 18px;
 909 }
 910
 911 .tagweight4 {
 912     font-size: 20px;
 913 }
 914
 915 .tagweight5 {
 916     font-size: 22px;
 917 }
 918
 919 .tagweight6 {
 920     font-size: 24px;
 921 }
 922
 923 .tagweight7 {
 924     font-size: 26px;
 925 }
 926
 927 .tagweight8 {
 928     font-size: 28px;
 929 }
 930
 931 .tagweight9 {
 932     font-size: 30px;
 933 }
 934
 935 .toolbar {
 936     background-color : #EEEEEE;
 937     border : 1px solid #E8E8E8;
 938     font-size : 85%;
 939     padding:3px 3px 5px 5px;
 940     vertical-align : middle;
 941     a {
 942         white-space: nowrap;
 943     }
 944     label {
 945         display: inline;
 946         font-size: 100%;
 947         font-weight : bold;
 948         margin-left : .5em;
 949     }
 950     select {
 951         font-size: 97%;
 952         height: auto;
 953         line-height: inherit;
 954         padding: 0;
 955         margin: 0;
 956         width : auto;
 957         white-space: nowrap;
 958     }
 959     .hold,
 960     #tagsel_tag {
 961         padding-left: 28px;
 962         font-size: 97%;
 963         font-weight: bold;
 964     }
 965     #tagsel_form {
 966         margin-top : .5em;
 967     }
 968     li {
 969         display : inline;
 970         list-style : none;
 971         a {
 972             border-left : 1px solid #e8e8e8;
 973         }
 974         &:first-child {
 975             a {
 976                 border-left : 0;
 977             }
 978         }
 979     }
 980     ul {
 981         padding-left : 0;
 982     }
 983 }
 984
 985 #basket .toolbar {
 986     padding: 7px 5px 9px 9px;
 987 }
 988
 989 #selections-toolbar,
 990 .selections-toolbar {
 991     background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
 992     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
 993     background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
 994     background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
 995     background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
 996     background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
 997     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
 998     margin : 0 0 1em 0;
 999     padding-top : .5em;
1000     padding-left : 10px;
1001 }
1002
1003 .list-actions {
1004     display : inline;
1005 }
1006
1007 #tagsel_span input.submit,
1008 #tagsel_tag {
1009     border : 0;
1010     background-color: transparent;
1011     font-size : 100%;
1012     color: #0076B2;
1013     cursor : pointer;
1014     background-image : url("../images/sprite.png"); /* Tags */
1015     background-position : 1px -643px;
1016     background-repeat : no-repeat;
1017     padding-left : 25px;
1018     text-decoration: none;
1019 }
1020
1021 #tagsel_tag.disabled {
1022     background-position : -1px -667px;
1023 }
1024
1025
1026 #tagsel_span input:hover,
1027 #selections-toolbar input.hold:hover {
1028     color: #005580;
1029     text-decoration: underline;
1030 }
1031
1032 #tagsel_span input.disabled,
1033 #tagsel_span input.disabled:hover,
1034 #tagsel_span input.hold.disabled,
1035 #tagsel_span input.hold.disabled:hover,
1036 #selections-toolbar input.hold.disabled,
1037 #selections-toolbar input.hold.disabled:hover,
1038 #selections-toolbar a.disabled,
1039 #selections-toolbar a.disabled:hover,
1040 .selections-toolbar a.disabled,
1041 .selections-toolbar a.disabled:hover {
1042     color: #888888;
1043     text-decoration: none;
1044     padding-left : 23px;
1045 }
1046
1047 .results_summary {
1048     display: block;
1049     font-size : 85%;
1050     color: #707070;
1051     padding : 0 0 .5em 0;
1052     .results_summary {
1053         font-size : 100%;
1054     }
1055     &.actions {
1056         margin-top : .5em;
1057     }
1058     &.tagstatus {
1059         display: inline;
1060     }
1061     .label {
1062         color: #202020;
1063     }
1064     a {
1065         font-weight: normal;
1066     }
1067 }
1068
1069 #views {
1070     margin-bottom : .5em;
1071     padding : 0 2em 0.2em 0.2em;
1072 }
1073
1074 .view {
1075     background-color : #F3F3F3;
1076     border: 1px solid #C9C9C9;
1077     border-radius: 4px;
1078     display: inline-block;
1079     padding: 0.2em 0.5em;
1080     white-space: nowrap;
1081 }
1082
1083 #bibliodescriptions,
1084 #isbdcontents {
1085     clear : left;
1086     margin-top : .5em;
1087 }
1088
1089 .view {
1090     a,
1091     span {
1092         background-image: url("../images/sprite.png");
1093         background-repeat : no-repeat;
1094         font-size : 87%;
1095         padding-left: 15px;
1096         text-decoration: none;
1097     }
1098 }
1099
1100 .view {
1101     a {
1102         font-weight : normal;
1103     }
1104 }
1105
1106 .current-view {
1107     background-color: #fff;
1108     font-weight: bold;
1109 }
1110
1111 #MARCview {
1112     background-position: -9px -27px;
1113 }
1114 #ISBDview {
1115     background-position: -10px -56px;
1116 }
1117 #Normalview {
1118     background-position: -8px 3px;
1119 }
1120
1121 #bookcover {
1122     float : left;
1123     margin : 0;
1124     padding : 0;
1125     .no-image {
1126         margin-right : 10px;
1127         margin-bottom : 10px;
1128     }
1129     img {
1130         margin : 0 1em 1em 0;
1131     }
1132 }
1133
1134 /* pagination */
1135 .results-pagination {
1136     position: absolute;
1137     top:32px;
1138     left: -1px;
1139     width: 100%;
1140     height:auto;
1141     border: 1px solid #D0D0D0;
1142     display: none;
1143     background-color:#F3F3F3;
1144     padding-bottom:10px;
1145     z-index: 100;
1146 }
1147
1148
1149 .back {
1150     float:right;
1151     input {
1152         background:none!important;
1153         color:#999!important;
1154     }
1155 }
1156
1157 .pagination_list {
1158     ul {
1159         padding-top: 40px;
1160         padding-left:0px;
1161     }
1162     li {
1163         list-style:none;
1164         float:bottom;
1165         padding:4px;
1166         color:#999;
1167         &.highlight {
1168            background-color : #F3F3F3;
1169            border-top : 1px solid #DDDDDD;
1170            border-bottom : 1px solid #DDDDDD;
1171         }
1172         a {
1173             padding-left:0px;
1174         }
1175     }
1176     .li_pag_index {
1177         color: #999999;
1178         float: left;
1179         font-size: 15px;
1180         font-weight: bold;
1181         padding-right: 10px;
1182         text-align: right;
1183         width: 13px;
1184     }
1185 }
1186
1187 .nav_results {
1188     background-color: #F3F3F3;
1189     border: 1px solid #D0D0D0;
1190     font-size: 95%;
1191     font-weight: bold;
1192     margin-top: 0.5em;
1193     position:relative;
1194     .l_Results {
1195         a {
1196             background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1197             color:#006699;
1198             display:block;
1199             padding:8px 28px;
1200             text-decoration:none;
1201         }
1202         &:hover {
1203             background-color:#D9D9D9;
1204         }
1205     }
1206 }
1207
1208 .pg_menu {
1209     margin: 0;
1210     border-top: 1px solid #D0D0D0;
1211     white-space : nowrap;
1212     li {
1213         color:#B2B2B2;
1214         display:inline;
1215         list-style:none;
1216         margin: 0;
1217         &.back_results {
1218             a {
1219                 border-left: 1px solid #D0D0D0;
1220                 border-right: 1px solid #D0D0D0;
1221             }
1222         }
1223         a,
1224         span {
1225             background-color: #F3F3F3;
1226             display : block;
1227             float:left;
1228             padding:.4em .5em;
1229             text-decoration:none;
1230             font-weight:normal;
1231             text-align:center;
1232         }
1233         span {
1234             color : #B2B2B2;
1235         }
1236     }
1237 }
1238
1239 #listResults{
1240     li {
1241         background-color:#999999;
1242         color:#C5C5C5;
1243         font-weight:normal;
1244         display:block;
1245         margin-right:1px;
1246         font-size: 80%;
1247         padding: 0;
1248         text-align:center;
1249         min-width:18px;
1250         &:hover {
1251             background-color:#006699;
1252         }
1253         a {
1254             color:#FFFFFF;
1255             font-weight:normal;
1256         }
1257     }
1258 }
1259
1260 /* nav */
1261 .nav_pages {
1262     .close_pagination {
1263         padding-right: 10px;
1264         position: absolute;
1265         right: 3px;
1266         top: -25px;
1267     }
1268     .close_pagination a {
1269         text-decoration:none!important;
1270     }
1271     ul {
1272         padding-top: 10px;
1273     }
1274     li {
1275         list-style:none;
1276         float:left;
1277         padding:4px;
1278         color:#999;
1279         a {
1280             text-decoration:none!important;
1281             &:hover {
1282             text-decoration:underline;
1283             }
1284         }
1285         ul {
1286             float:left;
1287         }
1288     }
1289 }
1290
1291 /* action buttons */
1292 #action {
1293     margin : .5em 0 0 0;
1294     background-color : #F3F3F3;
1295     border : 1px solid #E8E8E8;
1296     padding-bottom : 3px;
1297     li {
1298         list-style : none;
1299         margin : .2em;
1300         padding : .3em 0;
1301     }
1302     a {
1303         font-weight: bold;
1304         text-decoration : none;
1305     }
1306 }
1307
1308 #export,
1309 #moresearches_menu {
1310     li {
1311         padding : 0;
1312         margin : 0;
1313         a {
1314             font-weight: normal;
1315             &.menu-inactive {
1316                 font-weight: bold;
1317             }
1318         }
1319     }
1320 }
1321
1322 #format,
1323 #furthersearches {
1324     padding-left : 35px;
1325 }
1326 .highlight_controls {
1327     float: left;
1328 }
1329 a.addtocart,
1330 a.addtoshelf,
1331 a.brief,
1332 a.deleteshelf,
1333 a.deleteshelf.disabled,
1334 a.detail,
1335 a.download,
1336 a.editshelf,
1337 a.empty,
1338 a.hide,
1339 a.highlight_toggle,
1340 a.hold,
1341 a.hold.disabled,
1342 a.incart,
1343 a.new,
1344 a.print-small,
1345 a.print-large,
1346 a.removeitems,
1347 a.removeitems.disabled,
1348 a.reserve,
1349 a.article_request,
1350 a.send,
1351 a.tag_add,
1352 a.removefromlist,
1353 input.hold,
1354 input.hold.disabled,
1355 input.editshelf,
1356 .newshelf,
1357 .newshelf.disabled,
1358 .deleteshelf {
1359     background-image: url("../images/sprite.png");
1360     background-repeat: no-repeat;
1361 }
1362
1363
1364 a.addtocart {
1365     background-position: -5px -265px; /* Cart */
1366     padding-left : 35px;
1367 }
1368
1369 a.addtoshelf {
1370     background-position: -5px -225px; /* Virtual shelf */
1371     padding-left : 35px;
1372 }
1373
1374 a.brief {
1375
1376     background-position : -2px -868px; /* Zoom out */
1377     text-decoration : none;
1378     padding-left : 27px;
1379 }
1380
1381 a.cartRemove {
1382     color: #cc3333;
1383     font-size : 90%;
1384     margin : 0;
1385     padding: 0;
1386 }
1387
1388 a.detail {
1389     background-position : -2px -898px; /* Zoom in */
1390     text-decoration : none;
1391     padding-left : 27px;
1392 }
1393
1394 a.download {
1395     background-position : -5px -348px; /* Download */
1396     padding-left : 20px;
1397     text-decoration : none;
1398 }
1399
1400 a.editshelf {
1401     background-position : 2px -348px; /* List edit */
1402     padding-left : 26px;
1403     text-decoration : none;
1404 }
1405
1406 a.empty {
1407     background-position : 2px -598px; /* Trash */
1408     text-decoration : none;
1409     padding-left : 30px;
1410 }
1411
1412 a.hide {
1413     background-position: -3px -814px; /* Close */
1414     text-decoration : none;
1415     padding-left : 26px;
1416 }
1417
1418 a.highlight_toggle {
1419     background-position: -5px -841px; /* Highlight */
1420     display: none;
1421     padding-left : 35px;
1422 }
1423
1424 a.hold,
1425 input.hold {
1426     background-position : -2px -453px; /* Toolbar place hold */
1427     text-decoration : none;
1428     padding-left : 23px;
1429 }
1430
1431 a.hold.disabled,
1432 input.hold.disabled {
1433     background-position : -5px -621px; /* Place hold disabled */
1434 }
1435
1436 a.incart {
1437     background-position: -5px -265px; /* Cart */
1438     color : #666;
1439     padding-left : 35px;
1440 }
1441
1442 a.new {
1443     background-image : url("../images/sprite.png"); /* New */
1444     background-position : -4px -922px;
1445     padding-left : 23px;
1446     text-decoration : none;
1447 }
1448
1449 a.print-small {
1450     background-position : 0px -423px; /* Toolbar print */
1451     text-decoration : none;
1452     padding-left : 30px;
1453 }
1454
1455 a.print-large {
1456     background-position : -5px -186px; /* Toolbar print */
1457     text-decoration : none;
1458     padding-left : 35px;
1459 }
1460
1461 a.removeitems,
1462 a.deleteshelf {
1463     background-position : 2px -690px; /* Delete */
1464     text-decoration : none;
1465     padding-left : 25px;
1466 }
1467
1468 a.removeitems.disabled,
1469 a.deleteshelf.disabled {
1470     background-position : 2px -712px; /* Delete disabled */
1471 }
1472
1473 a.reserve {
1474     background-position: -6px -144px; /* Place hold */
1475     padding-left : 35px;
1476 }
1477
1478 a.article_request {
1479     background-position: 0px -24px; /* Place article request */
1480     padding-left : 35px;
1481 }
1482
1483 a.send {
1484     background-position : 2px -386px; /* Email */
1485     text-decoration : none;
1486     padding-left : 28px;
1487 }
1488
1489 a.tag_add {
1490     background-position: 3px -1111px; /* Tag results */
1491     padding-left : 27px;
1492     text-decoration: none;
1493 }
1494
1495 input.hold {
1496     background-color: transparent;
1497     border : 0;
1498     color: #0076B2;
1499     font-weight: bold;
1500 }
1501
1502 input.editshelf {
1503     background-color: transparent;
1504     background-position : 2px -736px; /* List edit */
1505     border : 0;
1506     color : #006699;
1507     cursor : pointer;
1508     filter: none;
1509     font-size : 100%;
1510     padding-left : 29px;
1511     text-decoration : none;
1512 }
1513
1514 .newshelf {
1515     background-position: 2px -764px; /* List new */
1516     border : 0;
1517     color : #006699;
1518     cursor : pointer;
1519     filter: none;
1520     font-size : 100%;
1521     padding-left : 28px;
1522     text-decoration : none;
1523 }
1524
1525 .newshelf.disabled {
1526     background-position: -4px -791px; /* List new disabled */
1527 }
1528
1529 .deleteshelf {
1530     background-color: transparent;
1531     background-position : 2px -690px; /* Delete */
1532     border : 0;
1533     color : #006699;
1534     cursor : pointer;
1535     filter: none;
1536     font-size : 100%;
1537     padding-left : 25px;
1538     text-decoration : none;
1539 }
1540
1541 .links a {
1542     font-weight : bold;
1543 }
1544
1545 .deleteshelf:hover {
1546     color: #990033;
1547 }
1548
1549
1550 .editshelf:active,
1551 .deleteshelf:active {
1552     border : 0;
1553 }
1554
1555 #tagslist li { display : inline; }
1556
1557 #login4tags {
1558     background-image: url("../images/sprite.png"); /* Tag results disabled */
1559     background-position: -6px -1130px;
1560     background-repeat: no-repeat;
1561     padding-left : 20px;
1562     text-decoration: none;
1563 }
1564
1565 .tag_results_input {
1566     margin-left: 1em;
1567     padding: 0.3em;
1568     font-size: 12px;
1569     input[type="text"] {
1570         font-size: inherit;
1571         margin : 0;
1572         padding : 0;
1573     }
1574     label {
1575         display : inline;
1576     }
1577 }
1578
1579 .tagsinput {
1580     input[type="text"] {
1581         font-size: inherit;
1582         margin : 0;
1583         padding : 0;
1584     }
1585     label {
1586         display : inline;
1587     }
1588 }
1589
1590 .branch-info-tooltip {
1591     display: none;
1592 }
1593
1594 .ui-tooltip-content p {
1595         margin: 0.3em 0;
1596 }
1597
1598 #social_networks {
1599     a {
1600         background: transparent url("../images/social-sprite.png") no-repeat;
1601         display: block;
1602         height : 20px !important;
1603         width : 20px;
1604         text-indent : -999em;
1605     }
1606     span {
1607         color: #274D7F;
1608         display : block;
1609         float : left;
1610         font-size: 85%;
1611         font-weight: bold;
1612         line-height: 2em;
1613         margin : .5em 0 .5em .5em !important;
1614     }
1615     div {
1616         float : left !important;
1617         margin : .5em 0 .5em .2em !important;
1618     }
1619     #facebook {
1620         background-position : -7px -35px;
1621     }
1622     #twitter {
1623         background-position : -7px -5px;
1624     }
1625     #linkedin {
1626         background-position : -7px -95px;
1627     }
1628     #delicious {
1629         background-position : -7px -66px;
1630     }
1631     #email {
1632         background-position : -7px -126px;
1633     }
1634 }
1635
1636 #marc {
1637     td,
1638     th {
1639         background-color : transparent;
1640         border : 0;
1641         padding: 3px 5px;
1642         text-align : left;
1643     }
1644     td:first-child {
1645         text-indent : 2em;
1646     }
1647     p {
1648         padding-bottom: .6em;
1649         .label {
1650             font-weight : bold;
1651         }
1652     }
1653     ul {
1654         padding-bottom: .6em;
1655     }
1656     .results_summary {
1657         clear :  left;
1658         ul {
1659             display : inline;
1660             float :  none;
1661             clear :  none;
1662             margin: 0;
1663             padding: 0;
1664             list-style : none;
1665         }
1666         li {
1667             display: inline;
1668         }
1669     }
1670 }
1671
1672 #items,
1673 #items td
1674 #items th {
1675     border : 1px solid #EEE;
1676     font-size : 90%;
1677 }
1678
1679 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1680 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1681 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1682
1683 #renewcontrols {
1684      float: right;
1685      font-size: 66%;
1686 }
1687
1688 #renewcontrols a {
1689     background-repeat : no-repeat;
1690     text-decoration:none;
1691     padding : .1em .4em;
1692     padding-left : 18px;
1693 }
1694
1695 #renewselected_link {
1696     background-image : url("../images/sprite.png");
1697     background-position : -5px -986px;
1698     background-repeat: no-repeat;
1699 }
1700
1701 #renewall_link {
1702     background-image : url("../images/sprite.png");
1703     background-position : -8px -967px;
1704     background-repeat: no-repeat;
1705 }
1706
1707 .authref {
1708     text-indent: 2em;
1709 }
1710
1711 .authref .label {
1712     font-style: italic;
1713 }
1714
1715 .authstanza {
1716     margin-top: 1em;
1717 }
1718
1719 .authstanzaheading {
1720     font-weight: bold;
1721 }
1722 .authorizedheading {
1723     font-weight: bold;
1724 }
1725 .authstanza li {
1726     margin-left: 0.5em;
1727 }
1728 .authres_notes, .authres_seealso, .authres_otherscript {
1729   padding-top: .5em;
1730 }
1731 .authres_notes {
1732   font-style: italic;
1733 }
1734
1735 #didyoumean {
1736     background-color: #EEE;
1737     border: 1px solid #E8E8E8;
1738     margin: 0 0 0.5em;
1739     text-align: left;
1740     padding: 0.5em;
1741     .border-radius-all(3px);
1742 }
1743
1744 .suggestionlabel {
1745     font-weight: bold;
1746 }
1747
1748 .searchsuggestion {
1749     padding: 0.2em 0.5em;
1750     white-space: nowrap;
1751     display: inline-block;
1752 }
1753
1754 .authlink {
1755     padding-left: 0.25em;
1756 }
1757 #hierarchies a {
1758     font-weight: normal;
1759     text-decoration: underline;
1760     color: #069;
1761 }
1762
1763 #hierarchies a:hover {
1764     color: #990033;
1765 }
1766
1767 #top-pages {
1768     margin: 0 0 0.5em;
1769 }
1770 .dropdown-menu > li > a {
1771     font-size: 90%;
1772 }
1773 a.listmenulink:link,
1774 a.listmenulink:visited {
1775     color : #0076B2;
1776     font-weight: bold;
1777 }
1778 a.listmenulink:hover,
1779 a.listmenulink:active {
1780     color : #FFF;
1781     font-weight: bold;
1782 }
1783 #cartDetails,
1784 #cartUpdate,
1785 #holdDetails,
1786 #listsDetails {
1787     background-color : #FFF;
1788 //    border: 1px solid #739acf;
1789     border: 1px solid rgba(0, 0, 0, 0.2);
1790     border-radius: 6px 6px 6px 6px;
1791     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1792     color : black;
1793     display : none;
1794     font-size: 90%;
1795     margin : 0;
1796     padding : 8px 20px;
1797     text-align : center;
1798     width : 180px;
1799     z-index: 2;
1800 }
1801 #cartmenulink {
1802     white-space: nowrap;
1803 }
1804
1805 #search-facets,
1806 #menu {
1807     border : 1px solid #D2D2CF;
1808     .border-radius-all(7px);
1809     ul {
1810        margin : 0;
1811         padding : .3em;
1812     }
1813     form {
1814        margin : 0;
1815     }
1816     h4 {
1817         font-size : 90%;
1818         margin : 0 0 .6em 0;
1819         text-align : center;
1820         a {
1821             background-color : #F2F2EF;
1822             border-radius: 8px 8px 0 0;
1823             border-bottom : 1px solid #D8D8D8;
1824             display: block;
1825             font-weight: bold;
1826             padding : .7em .2em;
1827             text-decoration: none;
1828         }
1829     }
1830     li {
1831         font-size: 90%;
1832         font-weight : bold;
1833         list-style-type : none;
1834         li {
1835             font-weight : normal;
1836             font-size : 95%;
1837             line-height: 125%;
1838             margin-bottom : 2px;
1839             padding : .1em .2em;
1840         }
1841         &.showmore {
1842             a {
1843                 font-weight : bold;
1844                 text-indent : 1em;
1845             }
1846         }
1847     }
1848     a {
1849         font-weight : normal;
1850         text-decoration: underline;
1851     }
1852     .facet-count {
1853         display: inline-block;
1854     }
1855
1856 }
1857
1858 #menu {
1859     font-size : 94%;
1860     li {
1861         list-style-type : none;
1862         a {
1863             background: #eeeeee;
1864             text-decoration : none;
1865             display : block;
1866             border : 1px solid #D8D8D8;
1867             border-radius: 5px 0 0 5px;
1868             border-bottom-color:  #999;
1869             font-size : 111%;
1870             padding : .4em .6em;
1871             margin : .4em 0;
1872             margin-right: -1px;
1873             &:hover {
1874                 background: #eaeef5;
1875             }
1876         }
1877         &.active {
1878             a {
1879                 background-color : #FFF;
1880                 background-image : none;
1881                 border-right-width: 0;
1882                 font-weight : bold;
1883                 &:hover {
1884                     background-color : #fff;
1885                 }
1886             }
1887         }
1888     }
1889     h4 {
1890         display: none;
1891     }
1892 }
1893
1894 #addto {
1895     max-width : 10em;
1896 }
1897
1898 /* Search results add to cart (lists disabled) */
1899 .addto a.addtocart {
1900     background-image: url("../images/sprite.png"); /* Cart */
1901     background-position: -5px -266px;
1902     background-repeat: no-repeat;
1903     text-decoration : none;
1904     padding-left : 33px;
1905 }
1906
1907 .searchresults {
1908     p {
1909         margin: 0;
1910         padding: 0 0 .6em 0;
1911         &.details {
1912            color : #979797;
1913         }
1914     }
1915     a {
1916         &.highlight_toggle {
1917             background-image: url("../images/sprite.png"); /* Highlight */
1918             background-position: -11px -841px;
1919             background-repeat: no-repeat;
1920             display: none;
1921             font-weight: normal;
1922             padding : 0 10px 0 21px;
1923         }
1924     }
1925     .commentline {
1926         background-color : rgb(255, 255, 204);
1927         background-color : rgba(255, 255, 204, 0.4);
1928         border : 1px solid #CCC;
1929         display: inline-block;
1930         .border-radius-all(3px);
1931         .shadowed;
1932         margin : .3em;
1933         padding : .4em;
1934     }
1935     .commentline.yours {
1936         background-color : rgb(239, 254, 213);
1937         background-color : rgba(239, 254, 213, 0.4);
1938     }
1939 }
1940
1941 .commentline .avatar {
1942     float : right;
1943     padding-left : .5em;
1944 }
1945
1946 /* style for search terms in catalogsearch */
1947 .term {
1948     /* color : blue; */
1949     color : #990000;
1950     background-color : #FFFFCC;
1951 }
1952
1953 /* style for shelving location in catalogsearch */
1954 .shelvingloc {
1955     display : block;
1956     font-style : italic;
1957 }
1958 #CheckAll,
1959 #CheckNone,
1960 .CheckAll,
1961 .CheckNone {
1962     font-weight : normal;
1963     margin : 0 .5em;
1964     text-decoration: underline;
1965 }
1966
1967 span.sep {
1968     color: #888;
1969     padding: 0 .2em 0 .5em;
1970     text-shadow: 1px 1px 0 #FFF;
1971 }
1972
1973 /* style for PM-generated pagination bar */
1974 .pages {
1975     margin: 20px 0;
1976 }
1977 .pages span:first-child,
1978 .pages a:first-child {
1979     border-width: 1px 1px 1px 1px;
1980     border-bottom-left-radius: 3px;
1981     border-top-left-radius: 3px;
1982 }
1983
1984 .pages span:last-child,
1985 .pages a:last-child {
1986     border-width: 1px 1px 1px 0;
1987     border-bottom-right-radius: 3px;
1988     border-top-right-radius: 3px;
1989 }
1990
1991 .pages .inactive,
1992 .pages .currentPage,
1993 .pages a {
1994     -moz-border-bottom-colors: none;
1995     -moz-border-left-colors: none;
1996     -moz-border-right-colors: none;
1997     -moz-border-top-colors: none;
1998     background-color: #FFFFFF;
1999     border-color: #DDDDDD;
2000     border-image: none;
2001     border-style: solid;
2002     border-width: 1px 1px 1px 0;
2003     float: left;
2004     font-size: 11.9px;
2005     line-height: 20px;
2006     padding: 4px 12px;
2007     text-decoration: none;
2008 }
2009
2010 .pages .inactive {
2011     background-color: #F5F5F5;
2012 }
2013
2014 .pages a[rel='last'] {
2015     border-bottom-right-radius: 3px;
2016     border-top-right-radius: 3px;
2017 }
2018
2019 .hold-message {
2020     background-color: #FFF0B1;
2021     display: inline-block;
2022     margin: 0.5em;
2023     padding: 0.2em 0.5em;
2024     .border-radius-all(3px);
2025 }
2026 .reserve_date,
2027 .expiration_date {
2028     white-space: nowrap;
2029 }
2030 .close {
2031     color: #0088CC;
2032     position: inherit;
2033     top: auto;
2034     right : auto;
2035     filter : none;
2036     float : none;
2037     font-size: inherit;
2038     font-weight: normal;
2039     opacity: inherit;
2040     text-shadow: none;
2041 }
2042
2043 .close:hover {
2044     color: #538200;
2045     filter: inherit;
2046     font-size: inherit;
2047     opacity: inherit;
2048 }
2049
2050 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2051 /* Use <a class="closebtn" href="#">&times;</a> */
2052 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2053 .modal-header .closebtn{margin-top:2px;}
2054 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2055 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2056 .btn-group label,
2057 .btn-group select {
2058     font-size: 13px;
2059 }
2060
2061 .span2 select {
2062     width: 100%;
2063 }
2064
2065 .popup .main {
2066     font-size: 90%;
2067     padding: 0 1em;
2068 }
2069
2070 .popup legend {
2071     line-height: 1.5em;
2072     margin-bottom : .5em;
2073 }
2074
2075 .item-status {
2076     display: block;
2077     font-size: 95%;
2078     margin-bottom: .5em;
2079 }
2080
2081 .available {
2082     color : #006600;
2083 }
2084
2085 .unavailable {
2086     color: #990033;
2087 }
2088
2089 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
2090     display : block;
2091 }
2092
2093 .notforloan {
2094     color : #900;
2095 }
2096
2097 .lost {
2098     color : #666;
2099 }
2100
2101 .suggestion {
2102     background-color : #EEEEEB;
2103     border : 1px solid #DDDED3;
2104     margin : 1em auto;
2105     padding : .5em;
2106     width : 35%;
2107     .border-radius-all(3px);
2108 }
2109
2110 .librarypulldown .transl1 {
2111     width : auto;
2112 }
2113
2114 .nolibrarypulldown {
2115     width : 68%;
2116 }
2117
2118 .nolibrarypulldown .transl1 {
2119     width : 87%;
2120 }
2121
2122 #opac-main-search {
2123     select {
2124         width : auto;
2125         max-width: 12em;
2126     }
2127 }
2128
2129 #logo {
2130     background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2131     border: 0;
2132     float : left !important;
2133     margin:0;
2134     padding:0;
2135     width:100px;
2136     a {
2137         border:0;
2138         cursor:pointer;
2139         display:block;
2140         height:0px !important;
2141         margin:0;
2142         overflow:hidden;
2143         padding:40px 0 0;
2144         text-decoration:none;
2145         width:100px;
2146     }
2147 }
2148
2149 #user-menu-trigger {
2150     display: none;
2151     .icon-user {
2152         background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2153         background-position: -168px 0;
2154         background-repeat: no-repeat;
2155         height: 14px;
2156         line-height: 14px;
2157         margin : 12px 0 0;
2158         vertical-align: text-top;
2159         width: 14px;
2160     }
2161     .caret {
2162         border-bottom-color: #999999;
2163         border-top-color: #999999;
2164         margin-top: 18px;
2165     }
2166 }
2167
2168 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2169 .floating {
2170     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2171     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2172     margin-top: 0;
2173 }
2174
2175 .tdlabel {
2176     font-weight: bold;
2177     display: none;
2178 }
2179
2180 td img {
2181     max-width: none;
2182 }
2183
2184 #ulactioncontainer {
2185     min-width: 16em;
2186 }
2187
2188 .notesrow {
2189     label {
2190         font-weight: bold;
2191     }
2192     span {
2193         display: block;
2194     }
2195 }
2196
2197 .thumbnail-shelfbrowser span {
2198     margin: 0px auto;
2199 }
2200
2201 .dropdown-menu > li > a.menu-inactive:hover {
2202     background : #FFF none;
2203     color : #000;
2204 }
2205
2206 .table {
2207     .sorting_asc {
2208         padding-right: 19px;
2209         background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2210     }
2211     .sorting_desc {
2212         padding-right: 19px;
2213         background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2214     }
2215     .sorting {
2216         padding-right: 19px;
2217         background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2218     }
2219     .nosort,
2220     .nosort.sorting_asc,
2221     .nosort.sorting_desc,
2222     .nosort.sorting {
2223         padding-right: 19px;
2224         background: #ECEDE6 none;
2225     }
2226     th,
2227     td {
2228         line-height: 135%;
2229     }
2230 }
2231 .tags, .shelves {
2232     ul {
2233         display: inline;
2234         list-style: none;
2235         margin-left : 0;
2236         li {
2237             display: inline;
2238         }
2239     }
2240 }
2241 .coverimages {
2242     float : right;
2243 }
2244 #i18nMenu {
2245     margin-left : 1em;
2246     li {
2247         font-size : 85%;
2248         li {
2249             font-size: 100%;
2250         }
2251         li > a {
2252             font-size : 100%;
2253             &:hover {
2254                 color : #FFF;
2255             }
2256         }
2257         a {
2258             color : @links;
2259         }
2260     }
2261     .dropdown-menu {
2262         li {
2263             p {
2264                 clear: both;
2265                 display: block;
2266                 font-weight: normal;
2267                 line-height: 20px;
2268                 padding: 3px 20px;
2269                 white-space: nowrap;
2270             }
2271         }
2272     }
2273 }
2274
2275 #subjectsList,
2276 #authorSearch {
2277     label {
2278         display :inline;
2279         vertical-align: middle;
2280     }
2281     ul {
2282         border-bottom: 1px solid #EEE;
2283         list-style-type: none;
2284         margin: 0;
2285         padding: .6em 0;
2286     }
2287     li {
2288         list-style-type: none;
2289         margin: 0;
2290         padding: 0;
2291     }
2292 }
2293
2294
2295 #overdrive-results, #openlibrary-results {
2296     font-weight: bold;
2297     padding-left: 1em;
2298 }
2299
2300 .throbber {
2301     vertical-align: middle;
2302 }
2303
2304 #overdrive-results-list .star-rating-control {
2305     display: block;
2306     overflow: auto;
2307 }
2308
2309 #shelfbrowser {
2310     table {
2311         margin : 0;
2312     }
2313     table,
2314     td,
2315     th {
2316         border : 0;
2317         font-size : 90%;
2318         text-align : center;
2319     }
2320     td,
2321     th {
2322         padding: 3px 5px;
2323         width : 20%;
2324     }
2325     a {
2326         display : block;
2327         font-size : 110%;
2328         font-weight : bold;
2329         text-decoration : none;
2330     }
2331     #browser_next,
2332     #browser_previous {
2333         background-image : url("../images/sprite.png");
2334         background-repeat: no-repeat;
2335         width : 16px;
2336         a {
2337             cursor: pointer;
2338             display : block;
2339             height: 0 !important;
2340             margin: 0;
2341             overflow: hidden;
2342             padding: 50px 0 0;
2343             text-decoration: none;
2344             width: 16px;
2345         }
2346     }
2347     #browser_previous {
2348         background-position: -9px -1007px;
2349     }
2350     #browser_next {
2351         background-position: -9px -1057px;
2352     }
2353 }
2354
2355 #holds {
2356     margin : 0 auto;
2357     max-width: 800px;
2358 }
2359 .holdrow {
2360     clear : both;
2361     padding: 0 1em 1em 1em;
2362     border-bottom:1px solid #CCC;
2363     margin-bottom:.5em;
2364     fieldset {
2365         border : 0;
2366         margin : 0;
2367         float: none;
2368         .label {
2369             font-size: 14px;
2370         }
2371     }
2372     label {
2373         display: inline;
2374     }
2375 }
2376 .hold-options {
2377     clear : both;
2378 }
2379 .toggle-hold-options {
2380     background-color: #eee;
2381     clear : both;
2382     display : block;
2383     font-weight : bold;
2384     margin: 1em 0;
2385     padding: .5em;
2386 }
2387 .copiesrow {
2388     clear : both;
2389 }
2390
2391 #idreambooksreadometer {
2392     float: right;
2393 }
2394
2395 a.idreambooksrating {
2396     font-size: 30px;
2397     color: #29ADE4;
2398     padding-left: 85px;
2399     line-height: 30px;
2400     text-decoration: none;
2401 }
2402
2403 .idreambookslegend {
2404     font-size: small;
2405 }
2406
2407 a.reviewlink,
2408 a.reviewlink:visited {
2409     text-decoration: none;
2410     color: black;
2411     font-weight: normal;
2412 }
2413
2414 .idreambookssummary a {
2415     color: #707070;
2416     text-decoration: none;
2417 }
2418
2419 .idreambookssummary img,
2420 .idbresult img {
2421     vertical-align: middle;
2422 }
2423
2424 .idbresult {
2425     color: #29ADE4;
2426     text-align: center;
2427     margin: 0.5em;
2428     padding: 0.5em;
2429 }
2430
2431 .idbresult a,
2432 .idbresult a:visited {
2433     text-decoration: none;
2434     color: #29ADE4;
2435 }
2436
2437 .idbresult img {
2438     padding-right: 6px;
2439 }
2440
2441 .js-show {
2442     display: none;
2443 }
2444
2445 .modal-nojs {
2446     .modal-header,
2447     .modal-footer {
2448         display: none;
2449     }
2450 }
2451
2452 .contents {
2453     width: 75%;
2454 }
2455
2456
2457 .contentblock {
2458     font-size : 95%;
2459     line-height: 135%;
2460     position: relative;
2461     margin-left: 2em;
2462 }
2463
2464 .contents {
2465     .t:first-child:before {
2466         content: "→ ";
2467     }
2468     .t:before {
2469         content: "\A → ";
2470         white-space: pre;
2471     }
2472     .t {
2473         font-weight: bold;
2474         display: inline;
2475     }
2476     .r {
2477         display: inline;
2478     }
2479 }
2480
2481 .m880 {
2482     display:block;
2483     text-align:right;
2484     float:right;
2485     width:50%;
2486     padding-left:20px;
2487 }
2488
2489 #memberentry-form input.error {
2490     border-color: #c00;
2491     box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2492     color: red; outline: 0 none;
2493 }
2494
2495 #memberentry-form input.error:focus {
2496     border-color: #c00;
2497     box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2498     color: red; outline: 0 none;
2499 }
2500
2501 #memberentry-form label.error {
2502     color: #c00; float: none;
2503     font-size: 90%;
2504 }
2505
2506 #dc_fieldset {
2507     border: 1px solid #dddddd;
2508     border-width: 1px;
2509     padding: 5px;
2510     border-radius: 10px
2511 }
2512
2513 .label_dc{
2514     display: inline;
2515     padding: 0px;
2516     margin: 0px;
2517     cursor: pointer;
2518 }
2519
2520 .btn-danger {
2521     color: white !important;
2522 }
2523
2524 @import "responsive.less";