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