koha-tmpl/opac-tmpl/bootstrap/less/opac.less

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