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     box-sizing: border-box;
1739     margin: .5em 1.5em;
1740     text-align: left;
1741     padding: 0.5em;
1742     .border-radius-all(3px);
1743
1744     &.dym-loaded {
1745         border-color: #F4ECBE;
1746         background-color: #FFFBEA;
1747     }
1748 }
1749
1750 .suggestionlabel {
1751     font-weight: bold;
1752 }
1753
1754 .searchsuggestion {
1755     padding: 0.2em 0.5em;
1756     display: inline-block;
1757 }
1758
1759 .authlink {
1760     padding-left: 0.25em;
1761 }
1762 #hierarchies a {
1763     font-weight: normal;
1764     text-decoration: underline;
1765     color: #069;
1766 }
1767
1768 #hierarchies a:hover {
1769     color: #990033;
1770 }
1771
1772 #top-pages {
1773     margin: 0 0 0.5em;
1774 }
1775 .dropdown-menu > li > a {
1776     font-size: 90%;
1777 }
1778 a.listmenulink:link,
1779 a.listmenulink:visited {
1780     color : #0076B2;
1781     font-weight: bold;
1782 }
1783 a.listmenulink:hover,
1784 a.listmenulink:active {
1785     color : #FFF;
1786     font-weight: bold;
1787 }
1788 #cartDetails,
1789 #cartUpdate,
1790 #holdDetails,
1791 #listsDetails {
1792     background-color : #FFF;
1793 //    border: 1px solid #739acf;
1794     border: 1px solid rgba(0, 0, 0, 0.2);
1795     border-radius: 6px 6px 6px 6px;
1796     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1797     color : black;
1798     display : none;
1799     font-size: 90%;
1800     margin : 0;
1801     padding : 8px 20px;
1802     text-align : center;
1803     width : 180px;
1804     z-index: 2;
1805 }
1806 #cartmenulink {
1807     white-space: nowrap;
1808 }
1809
1810 #search-facets,
1811 #menu {
1812     border : 1px solid #D2D2CF;
1813     .border-radius-all(7px);
1814     ul {
1815        margin : 0;
1816         padding : .3em;
1817     }
1818     form {
1819        margin : 0;
1820     }
1821     h4 {
1822         font-size : 90%;
1823         margin : 0 0 .6em 0;
1824         text-align : center;
1825         a {
1826             background-color : #F2F2EF;
1827             border-radius: 8px 8px 0 0;
1828             border-bottom : 1px solid #D8D8D8;
1829             display: block;
1830             font-weight: bold;
1831             padding : .7em .2em;
1832             text-decoration: none;
1833         }
1834     }
1835     li {
1836         font-size: 90%;
1837         font-weight : bold;
1838         list-style-type : none;
1839         li {
1840             font-weight : normal;
1841             font-size : 95%;
1842             line-height: 125%;
1843             margin-bottom : 2px;
1844             padding : .1em .2em;
1845         }
1846         &.showmore {
1847             a {
1848                 font-weight : bold;
1849                 text-indent : 1em;
1850             }
1851         }
1852     }
1853     a {
1854         font-weight : normal;
1855         text-decoration: underline;
1856     }
1857     .facet-count {
1858         display: inline-block;
1859     }
1860
1861 }
1862
1863 #menu {
1864     font-size : 94%;
1865     li {
1866         list-style-type : none;
1867         a {
1868             background: #eeeeee;
1869             text-decoration : none;
1870             display : block;
1871             border : 1px solid #D8D8D8;
1872             border-radius: 5px 0 0 5px;
1873             border-bottom-color:  #999;
1874             font-size : 111%;
1875             padding : .4em .6em;
1876             margin : .4em 0;
1877             margin-right: -1px;
1878             &:hover {
1879                 background: #eaeef5;
1880             }
1881         }
1882         &.active {
1883             a {
1884                 background-color : #FFF;
1885                 background-image : none;
1886                 border-right-width: 0;
1887                 font-weight : bold;
1888                 &:hover {
1889                     background-color : #fff;
1890                 }
1891             }
1892         }
1893     }
1894     h4 {
1895         display: none;
1896     }
1897 }
1898
1899 #addto {
1900     max-width : 10em;
1901 }
1902
1903 /* Search results add to cart (lists disabled) */
1904 .addto a.addtocart {
1905     background-image: url("../images/sprite.png"); /* Cart */
1906     background-position: -5px -266px;
1907     background-repeat: no-repeat;
1908     text-decoration : none;
1909     padding-left : 33px;
1910 }
1911
1912 .searchresults {
1913     p {
1914         margin: 0;
1915         padding: 0 0 .6em 0;
1916         &.details {
1917            color : #979797;
1918         }
1919     }
1920     a {
1921         &.highlight_toggle {
1922             background-image: url("../images/sprite.png"); /* Highlight */
1923             background-position: -11px -841px;
1924             background-repeat: no-repeat;
1925             display: none;
1926             font-weight: normal;
1927             padding : 0 10px 0 21px;
1928         }
1929     }
1930     .commentline {
1931         background-color : rgb(255, 255, 204);
1932         background-color : rgba(255, 255, 204, 0.4);
1933         border : 1px solid #CCC;
1934         display: inline-block;
1935         .border-radius-all(3px);
1936         .shadowed;
1937         margin : .3em;
1938         padding : .4em;
1939     }
1940     .commentline.yours {
1941         background-color : rgb(239, 254, 213);
1942         background-color : rgba(239, 254, 213, 0.4);
1943     }
1944 }
1945
1946 .commentline .avatar {
1947     float : right;
1948     padding-left : .5em;
1949 }
1950
1951 /* style for search terms in catalogsearch */
1952 .term {
1953     /* color : blue; */
1954     color : #990000;
1955     background-color : #FFFFCC;
1956 }
1957
1958 /* style for shelving location in catalogsearch */
1959 .shelvingloc {
1960     display : block;
1961     font-style : italic;
1962 }
1963 #CheckAll,
1964 #CheckNone,
1965 .CheckAll,
1966 .CheckNone {
1967     font-weight : normal;
1968     margin : 0 .5em;
1969     text-decoration: underline;
1970 }
1971
1972 span.sep {
1973     color: #888;
1974     padding: 0 .2em 0 .5em;
1975     text-shadow: 1px 1px 0 #FFF;
1976 }
1977
1978 /* style for PM-generated pagination bar */
1979 .pages {
1980     margin: 20px 0;
1981 }
1982 .pages span:first-child,
1983 .pages a:first-child {
1984     border-width: 1px 1px 1px 1px;
1985     border-bottom-left-radius: 3px;
1986     border-top-left-radius: 3px;
1987 }
1988
1989 .pages span:last-child,
1990 .pages a:last-child {
1991     border-width: 1px 1px 1px 0;
1992     border-bottom-right-radius: 3px;
1993     border-top-right-radius: 3px;
1994 }
1995
1996 .pages .inactive,
1997 .pages .currentPage,
1998 .pages a {
1999     -moz-border-bottom-colors: none;
2000     -moz-border-left-colors: none;
2001     -moz-border-right-colors: none;
2002     -moz-border-top-colors: none;
2003     background-color: #FFFFFF;
2004     border-color: #DDDDDD;
2005     border-image: none;
2006     border-style: solid;
2007     border-width: 1px 1px 1px 0;
2008     float: left;
2009     font-size: 11.9px;
2010     line-height: 20px;
2011     padding: 4px 12px;
2012     text-decoration: none;
2013 }
2014
2015 .pages .inactive {
2016     background-color: #F5F5F5;
2017 }
2018
2019 .pages a[rel='last'] {
2020     border-bottom-right-radius: 3px;
2021     border-top-right-radius: 3px;
2022 }
2023
2024 .hold-message {
2025     background-color: #FFF0B1;
2026     display: inline-block;
2027     margin: 0.5em;
2028     padding: 0.2em 0.5em;
2029     .border-radius-all(3px);
2030 }
2031 .reserve_date,
2032 .expiration_date {
2033     white-space: nowrap;
2034 }
2035 .close {
2036     color: #0088CC;
2037     position: inherit;
2038     top: auto;
2039     right : auto;
2040     filter : none;
2041     float : none;
2042     font-size: inherit;
2043     font-weight: normal;
2044     opacity: inherit;
2045     text-shadow: none;
2046 }
2047
2048 .close:hover {
2049     color: #538200;
2050     filter: inherit;
2051     font-size: inherit;
2052     opacity: inherit;
2053 }
2054
2055 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2056 /* Use <a class="closebtn" href="#">&times;</a> */
2057 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2058 .modal-header .closebtn{margin-top:2px;}
2059 .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);}
2060 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2061 .btn-group label,
2062 .btn-group select {
2063     font-size: 13px;
2064 }
2065
2066 .span2 select {
2067     width: 100%;
2068 }
2069
2070 .popup .main {
2071     font-size: 90%;
2072     padding: 0 1em;
2073 }
2074
2075 .popup legend {
2076     line-height: 1.5em;
2077     margin-bottom : .5em;
2078 }
2079
2080 .item-status {
2081     display: block;
2082     font-size: 95%;
2083     margin-bottom: .5em;
2084 }
2085
2086 .available {
2087     color : #006600;
2088 }
2089
2090 .unavailable {
2091     color: #990033;
2092 }
2093
2094 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
2095     display : block;
2096 }
2097
2098 .notforloan {
2099     color : #900;
2100 }
2101
2102 .lost {
2103     color : #666;
2104 }
2105
2106 .suggestion {
2107     background-color : #EEEEEB;
2108     border : 1px solid #DDDED3;
2109     margin : 1em auto;
2110     padding : .5em;
2111     width : 35%;
2112     .border-radius-all(3px);
2113 }
2114
2115 .librarypulldown .transl1 {
2116     width : auto;
2117 }
2118
2119 .nolibrarypulldown {
2120     width : 68%;
2121 }
2122
2123 .nolibrarypulldown .transl1 {
2124     width : 87%;
2125 }
2126
2127 #opac-main-search {
2128     select {
2129         width : auto;
2130         max-width: 12em;
2131     }
2132 }
2133
2134 #logo {
2135     background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2136     border: 0;
2137     float : left !important;
2138     margin:0;
2139     padding:0;
2140     width:100px;
2141     a {
2142         border:0;
2143         cursor:pointer;
2144         display:block;
2145         height:0px !important;
2146         margin:0;
2147         overflow:hidden;
2148         padding:40px 0 0;
2149         text-decoration:none;
2150         width:100px;
2151     }
2152 }
2153
2154 #user-menu-trigger {
2155     display: none;
2156     .icon-user {
2157         background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2158         background-position: -168px 0;
2159         background-repeat: no-repeat;
2160         height: 14px;
2161         line-height: 14px;
2162         margin : 12px 0 0;
2163         vertical-align: text-top;
2164         width: 14px;
2165     }
2166     .caret {
2167         border-bottom-color: #999999;
2168         border-top-color: #999999;
2169         margin-top: 18px;
2170     }
2171 }
2172
2173 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2174 .floating {
2175     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2176     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2177     margin-top: 0;
2178 }
2179
2180 .tdlabel {
2181     font-weight: bold;
2182     display: none;
2183 }
2184
2185 td img {
2186     max-width: none;
2187 }
2188
2189 #ulactioncontainer {
2190     min-width: 16em;
2191 }
2192
2193 .notesrow {
2194     label {
2195         font-weight: bold;
2196     }
2197     span {
2198         display: block;
2199     }
2200 }
2201
2202 .thumbnail-shelfbrowser span {
2203     margin: 0px auto;
2204 }
2205
2206 .dropdown-menu > li > a.menu-inactive:hover {
2207     background : #FFF none;
2208     color : #000;
2209 }
2210
2211 .table {
2212     .sorting_asc {
2213         padding-right: 19px;
2214         background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2215     }
2216     .sorting_desc {
2217         padding-right: 19px;
2218         background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2219     }
2220     .sorting {
2221         padding-right: 19px;
2222         background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2223     }
2224     .nosort,
2225     .nosort.sorting_asc,
2226     .nosort.sorting_desc,
2227     .nosort.sorting {
2228         padding-right: 19px;
2229         background: #ECEDE6 none;
2230     }
2231     th,
2232     td {
2233         line-height: 135%;
2234     }
2235 }
2236 .tags, .shelves {
2237     ul {
2238         display: inline;
2239         list-style: none;
2240         margin-left : 0;
2241         li {
2242             display: inline;
2243         }
2244     }
2245 }
2246 .coverimages {
2247     float : right;
2248 }
2249 #i18nMenu {
2250     margin-left : 1em;
2251     li {
2252         font-size : 85%;
2253         li {
2254             font-size: 100%;
2255         }
2256         li > a {
2257             font-size : 100%;
2258             &:hover {
2259                 color : #FFF;
2260             }
2261         }
2262         a {
2263             color : @links;
2264         }
2265     }
2266     .dropdown-menu {
2267         li {
2268             p {
2269                 clear: both;
2270                 display: block;
2271                 font-weight: normal;
2272                 line-height: 20px;
2273                 padding: 3px 20px;
2274                 white-space: nowrap;
2275             }
2276         }
2277     }
2278 }
2279
2280 #subjectsList,
2281 #authorSearch {
2282     label {
2283         display :inline;
2284         vertical-align: middle;
2285     }
2286     ul {
2287         border-bottom: 1px solid #EEE;
2288         list-style-type: none;
2289         margin: 0;
2290         padding: .6em 0;
2291     }
2292     li {
2293         list-style-type: none;
2294         margin: 0;
2295         padding: 0;
2296     }
2297 }
2298
2299
2300 #overdrive-results, #openlibrary-results {
2301     font-weight: bold;
2302     padding-left: 1em;
2303 }
2304
2305 .throbber {
2306     vertical-align: middle;
2307 }
2308
2309 #overdrive-results-list .star-rating-control {
2310     display: block;
2311     overflow: auto;
2312 }
2313
2314 #shelfbrowser {
2315     table {
2316         margin : 0;
2317     }
2318     table,
2319     td,
2320     th {
2321         border : 0;
2322         font-size : 90%;
2323         text-align : center;
2324     }
2325     td,
2326     th {
2327         padding: 3px 5px;
2328         width : 20%;
2329     }
2330     a {
2331         display : block;
2332         font-size : 110%;
2333         font-weight : bold;
2334         text-decoration : none;
2335     }
2336     #browser_next,
2337     #browser_previous {
2338         background-image : url("../images/sprite.png");
2339         background-repeat: no-repeat;
2340         width : 16px;
2341         a {
2342             cursor: pointer;
2343             display : block;
2344             height: 0 !important;
2345             margin: 0;
2346             overflow: hidden;
2347             padding: 50px 0 0;
2348             text-decoration: none;
2349             width: 16px;
2350         }
2351     }
2352     #browser_previous {
2353         background-position: -9px -1007px;
2354     }
2355     #browser_next {
2356         background-position: -9px -1057px;
2357     }
2358 }
2359
2360 #holds {
2361     margin : 0 auto;
2362     max-width: 800px;
2363 }
2364 .holdrow {
2365     clear : both;
2366     padding: 0 1em 1em 1em;
2367     border-bottom:1px solid #CCC;
2368     margin-bottom:.5em;
2369     fieldset {
2370         border : 0;
2371         margin : 0;
2372         float: none;
2373         .label {
2374             font-size: 14px;
2375         }
2376     }
2377     label {
2378         display: inline;
2379     }
2380 }
2381 .hold-options {
2382     clear : both;
2383 }
2384 .toggle-hold-options {
2385     background-color: #eee;
2386     clear : both;
2387     display : block;
2388     font-weight : bold;
2389     margin: 1em 0;
2390     padding: .5em;
2391 }
2392 .copiesrow {
2393     clear : both;
2394 }
2395
2396 #idreambooksreadometer {
2397     float: right;
2398 }
2399
2400 a.idreambooksrating {
2401     font-size: 30px;
2402     color: #29ADE4;
2403     padding-left: 85px;
2404     line-height: 30px;
2405     text-decoration: none;
2406 }
2407
2408 .idreambookslegend {
2409     font-size: small;
2410 }
2411
2412 a.reviewlink,
2413 a.reviewlink:visited {
2414     text-decoration: none;
2415     color: black;
2416     font-weight: normal;
2417 }
2418
2419 .idreambookssummary a {
2420     color: #707070;
2421     text-decoration: none;
2422 }
2423
2424 .idreambookssummary img,
2425 .idbresult img {
2426     vertical-align: middle;
2427 }
2428
2429 .idbresult {
2430     color: #29ADE4;
2431     text-align: center;
2432     margin: 0.5em;
2433     padding: 0.5em;
2434 }
2435
2436 .idbresult a,
2437 .idbresult a:visited {
2438     text-decoration: none;
2439     color: #29ADE4;
2440 }
2441
2442 .idbresult img {
2443     padding-right: 6px;
2444 }
2445
2446 .js-show {
2447     display: none;
2448 }
2449
2450 .modal-nojs {
2451     .modal-header,
2452     .modal-footer {
2453         display: none;
2454     }
2455 }
2456
2457 .contents {
2458     width: 75%;
2459 }
2460
2461
2462 .contentblock {
2463     font-size : 95%;
2464     line-height: 135%;
2465     position: relative;
2466     margin-left: 2em;
2467 }
2468
2469 .contents {
2470     .t:first-child:before {
2471         content: "→ ";
2472     }
2473     .t:before {
2474         content: "\A → ";
2475         white-space: pre;
2476     }
2477     .t {
2478         font-weight: bold;
2479         display: inline;
2480     }
2481     .r {
2482         display: inline;
2483     }
2484 }
2485
2486 .m880 {
2487     display:block;
2488     text-align:right;
2489     float:right;
2490     width:50%;
2491     padding-left:20px;
2492 }
2493
2494 #memberentry-form input.error {
2495     border-color: #c00;
2496     box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2497     color: red; outline: 0 none;
2498 }
2499
2500 #memberentry-form input.error:focus {
2501     border-color: #c00;
2502     box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
2503     color: red; outline: 0 none;
2504 }
2505
2506 #memberentry-form label.error {
2507     color: #c00; float: none;
2508     font-size: 90%;
2509 }
2510
2511 #illrequests {
2512     .illrequest-actions {
2513         .btn,
2514         .cancel {
2515             margin-right: 5px;
2516         }
2517         padding-top: 20px;
2518         margin-bottom: 20px;
2519     }
2520     #illrequests-create-button {
2521         margin-bottom: 20px;
2522     }
2523     .bg-info {
2524         overflow: auto;
2525         position: relative;
2526     }
2527     .bg-info {
2528         #search-summary {
2529             -webkit-transform: translateY(-50%);
2530             -ms-transform: translateY(-50%);
2531             -o-transform: translateY(-50%);
2532             transform: translateY(-50%);
2533             position: absolute;
2534             top: 50%;
2535         }
2536
2537     }
2538     #freeform-fields .custom-name {
2539         float: left;
2540         width: 8em;
2541         margin-right: 1em;
2542         text-align: right;
2543     }
2544     .dropdown:hover .dropdown-menu.nojs {
2545         display: block;
2546     }
2547 }
2548
2549 #dc_fieldset {
2550     border: 1px solid #dddddd;
2551     border-width: 1px;
2552     padding: 5px;
2553     border-radius: 10px
2554 }
2555
2556 .label_dc{
2557     display: inline;
2558     padding: 0px;
2559     margin: 0px;
2560     cursor: pointer;
2561 }
2562
2563 .btn-danger {
2564     color: white !important;
2565 }
2566
2567 .count_label {
2568     @base: #369;
2569     background-color: @base;
2570     border-radius: 5px;
2571     color: #FFF;
2572     display: inline-block;
2573     font-weight: bold;
2574     min-width: 1.5em;
2575     padding: .2em;
2576     text-align: center;
2577     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2578
2579     &:hover {
2580         background-color: lighten( @base, 20% );
2581     }
2582 }
2583
2584 .user_checkouts_count {
2585
2586 }
2587
2588 .user_overdues_count,
2589 .user_fines_count {
2590     background-color: #990000;
2591     &:hover {
2592         background-color: lighten( #990000, 10% );
2593     }
2594 }
2595
2596 .user_holds_pending_count {
2597
2598 }
2599
2600 .user_holds_waiting_count {
2601     background-color: #538200;
2602     &:hover {
2603         background-color: lighten( #538200, 10% );
2604     }
2605 }
2606
2607 #user_summary {
2608     border: 1px solid #EAEAE6;
2609     border-radius: 7px;
2610     margin-bottom: 1em;
2611     padding-bottom: .5em;
2612
2613     h3 {
2614         background-color: #EAEAE6;
2615         border-top-left-radius: 6px;
2616         border-top-right-radius: 6px;
2617         box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
2618         margin-top: 0;
2619         padding: .2em 0;
2620         text-align: center;
2621     }
2622
2623     ul {
2624         list-style-type: none;
2625         margin: 0 0 .2em 0;
2626
2627         a {
2628             display: block;
2629             font-weight: bold;
2630             padding: .2em 1em;
2631         }
2632     }
2633 }
2634
2635
2636
2637 @import "responsive.less";