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