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