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