koha-dev.rot13.org Git - koha_fer/blob - 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     }
 762     &.action {
 763         clear : both;
 764         float : none;
 765         border : none;
 766         margin : 0;
 767         padding : 1em 0 .3em 0;
 768         width : auto;
 769         p {
 770             margin-bottom : 1em;
 771         }
 772     }
 773     table {
 774         font-size: 100%;
 775     }
 776 }
 777
 778 div.rows+div.rows {
 779     margin-top : .6em;
 780 }
 781
 782 div.rows {
 783     float : left;
 784     clear : left;
 785     margin: 0 0 0 0;
 786     padding: 0;
 787     width: 100%;
 788     span.label {
 789         float: left;
 790         font-weight : bold;
 791         width: 9em;
 792         margin-right: 1em;
 793         text-align: left;
 794     }
 795     ol {
 796         list-style-type: none;
 797         margin-left : 0;
 798         padding: .5em 1em 0 0;
 799     }
 800     li {
 801         border-bottom :  1px solid #EEE;
 802         float : left;
 803         clear : left;
 804         padding-bottom: .2em;
 805         padding-top: .1em;
 806         list-style-type: none;
 807         width: 100%;
 808     }
 809     ul {
 810         li {
 811             margin-left : 7.3em;
 812             &:first-child {
 813                 float: none;
 814                 clear: none;
 815                 margin-left: 0;
 816             }
 817         }
 818     }
 819     ol li li {
 820         border-bottom: 0;
 821     }
 822 }
 823
 824 /* different sizes for different tags in opac-tags.tt */
 825 .tagweight0 {
 826     font-size: 12px;
 827 }
 828
 829 .tagweight1 {
 830     font-size: 14px;
 831 }
 832
 833 .tagweight2 {
 834     font-size: 16px;
 835 }
 836
 837 .tagweight3 {
 838     font-size: 18px;
 839 }
 840
 841 .tagweight4 {
 842     font-size: 20px;
 843 }
 844
 845 .tagweight5 {
 846     font-size: 22px;
 847 }
 848
 849 .tagweight6 {
 850     font-size: 24px;
 851 }
 852
 853 .tagweight7 {
 854     font-size: 26px;
 855 }
 856
 857 .tagweight8 {
 858     font-size: 28px;
 859 }
 860
 861 .tagweight9 {
 862     font-size: 30px;
 863 }
 864
 865 .toolbar {
 866     background-color : #EEEEEE;
 867     border : 1px solid #E8E8E8;
 868     font-size : 85%;
 869     padding:3px 3px 5px 5px;
 870     vertical-align : middle;
 871     a {
 872         white-space: nowrap;
 873     }
 874     label {
 875         display: inline;
 876         font-size: 100%;
 877         font-weight : bold;
 878         margin-left : .5em;
 879     }
 880     select {
 881         font-size: 97%;
 882         height: auto;
 883         line-height: inherit;
 884         padding: 0;
 885         margin: 0;
 886         width : auto;
 887         white-space: nowrap;
 888     }
 889     .hold,
 890     #tagsel_tag {
 891         padding-left: 28px;
 892         font-size: 97%;
 893         font-weight: bold;
 894     }
 895     #tagsel_form {
 896         margin-top : .5em;
 897     }
 898     li {
 899         display : inline;
 900         list-style : none;
 901         a {
 902             border-left : 1px solid #e8e8e8;
 903         }
 904         &:first-child {
 905             a {
 906                 border-left : 0;
 907             }
 908         }
 909     }
 910     ul {
 911         padding-left : 0;
 912     }
 913 }
 914
 915 #basket .toolbar {
 916     padding: 7px 5px 9px 9px;
 917 }
 918
 919 #selections-toolbar {
 920     background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
 921     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
 922     background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
 923     background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
 924     background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
 925     background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
 926     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
 927     margin : 0 0 1em 0;
 928     padding-top : .5em;
 929     padding-left : 10px;
 930 }
 931
 932 .list-actions {
 933     display : inline;
 934 }
 935
 936 #tagsel_span input.submit,
 937 #tagsel_tag {
 938     border : 0;
 939     background-color: transparent;
 940     font-size : 100%;
 941     color: #0076B2;
 942     cursor : pointer;
 943     background-image : url("../images/sprite.png"); /* Tags */
 944     background-position : 1px -643px;
 945     background-repeat : no-repeat;
 946     padding-left : 25px;
 947     text-decoration: none;
 948 }
 949
 950 #tagsel_tag.disabled {
 951     background-position : -1px -667px;
 952 }
 953
 954
 955 #tagsel_span input:hover,
 956 #selections-toolbar input.hold:hover {
 957     color: #005580;
 958     text-decoration: underline;
 959 }
 960
 961 #tagsel_span input.disabled,
 962 #tagsel_span input.disabled:hover,
 963 #tagsel_span input.hold.disabled,
 964 #tagsel_span input.hold.disabled:hover,
 965 #selections-toolbar input.hold.disabled,
 966 #selections-toolbar input.hold.disabled:hover,
 967 #selections-toolbar a.disabled,
 968 #selections-toolbar a.disabled:hover {
 969     color: #888888;
 970     text-decoration: none;
 971     padding-left : 23px;
 972 }
 973
 974 .results_summary {
 975     display: block;
 976     font-size : 85%;
 977     color: #707070;
 978     padding : 0 0 .5em 0;
 979     .results_summary {
 980         font-size : 100%;
 981     }
 982     &.actions {
 983         margin-top : .5em;
 984     }
 985     &.tagstatus {
 986         display: inline;
 987     }
 988     .label {
 989         color: #202020;
 990     }
 991     a {
 992         font-weight: normal;
 993     }
 994 }
 995
 996 #views {
 997     border-bottom : 1px solid #D6D6D6;
 998     margin-bottom : .5em;
 999     padding : 0 2em 0.2em 0.2em;
1000     white-space : nowrap;
1001 }
1002
1003 .view {
1004     padding : 0.2em .2em 2px .2em;
1005 }
1006
1007 #bibliodescriptions,
1008 #isbdcontents {
1009     clear : left;
1010     margin-top : .5em;
1011 }
1012
1013 .view {
1014     a,
1015     span {
1016         background-image: url("../images/sprite.png");
1017         background-repeat : no-repeat;
1018         font-size : 87%;
1019         font-weight : normal;
1020         padding: 0.4em 0.7em 5px 26px;
1021         text-decoration: none;
1022     }
1023 }
1024
1025 span#MARCview,
1026 span#ISBDview,
1027 span#Normalview,
1028 span#Fullhistory,
1029 span#Briefhistory {
1030     font-weight: bold;
1031 }
1032
1033 a#MARCview,
1034 span#MARCview {
1035     background-position: -3px -23px;
1036 }
1037 a#MARCviewPop,
1038 span#MARCviewPop {
1039     background-position: -3px -23px;
1040 }
1041 a#ISBDview,
1042 span#ISBDview {
1043     background-position: -3px -52px;
1044 }
1045 a#Normalview,
1046 span#Normalview {
1047     background-position: -1px 6px;
1048 }
1049
1050 .view a {
1051     background-color : #F3F3F3;
1052     border-left : 1px solid #C9C9C9;
1053 }
1054
1055 #bookcover {
1056     float : left;
1057     margin : 0;
1058     padding : 0;
1059     .no-image {
1060         margin-right : 10px;
1061         margin-bottom : 10px;
1062     }
1063     img {
1064         margin : 0 1em 1em 0;
1065     }
1066 }
1067
1068 /* pagination */
1069 .results-pagination {
1070     position: absolute;
1071     top:32px;
1072     left: -1px;
1073     width: 100%;
1074     height:auto;
1075     border: 1px solid #D0D0D0;
1076     display: none;
1077     background-color:#F3F3F3;
1078     padding-bottom:10px;
1079     z-index: 100;
1080 }
1081
1082
1083 .back {
1084     float:right;
1085     input {
1086         background:none!important;
1087         color:#999!important;
1088     }
1089 }
1090
1091 .pagination_list {
1092     ul {
1093         padding-top: 40px;
1094         padding-left:0px;
1095     }
1096     li {
1097         list-style:none;
1098         float:bottom;
1099         padding:4px;
1100         color:#999;
1101         &.highlight {
1102            background-color : #F3F3F3;
1103            border-top : 1px solid #DDDDDD;
1104            border-bottom : 1px solid #DDDDDD;
1105         }
1106         a {
1107             padding-left:0px;
1108         }
1109     }
1110     .li_pag_index {
1111         color: #999999;
1112         float: left;
1113         font-size: 15px;
1114         font-weight: bold;
1115         padding-right: 10px;
1116         text-align: right;
1117         width: 13px;
1118     }
1119 }
1120
1121 .nav_results {
1122     background-color: #F3F3F3;
1123     border: 1px solid #D0D0D0;
1124     font-size: 95%;
1125     font-weight: bold;
1126     margin-top: 0.5em;
1127     position:relative;
1128     .l_Results {
1129         a {
1130             background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
1131             color:#006699;
1132             display:block;
1133             padding:8px 28px;
1134             text-decoration:none;
1135         }
1136         &:hover {
1137             background-color:#D9D9D9;
1138         }
1139     }
1140 }
1141
1142 .pg_menu {
1143     margin: 0;
1144     border-top: 1px solid #D0D0D0;
1145     white-space : nowrap;
1146     li {
1147         color:#B2B2B2;
1148         display:inline;
1149         list-style:none;
1150         margin: 0;
1151         &.back_results {
1152             a {
1153                 border-left: 1px solid #D0D0D0;
1154                 border-right: 1px solid #D0D0D0;
1155             }
1156         }
1157         a,
1158         span {
1159             background-color: #F3F3F3;
1160             display : block;
1161             float:left;
1162             padding:.4em .5em;
1163             text-decoration:none;
1164             font-weight:normal;
1165             text-align:center;
1166         }
1167         span {
1168             color : #B2B2B2;
1169         }
1170     }
1171 }
1172
1173 #listResults{
1174     li {
1175         background-color:#999999;
1176         color:#C5C5C5;
1177         font-weight:normal;
1178         display:block;
1179         margin-right:1px;
1180         font-size: 80%;
1181         padding: 0;
1182         text-align:center;
1183         min-width:18px;
1184         &:hover {
1185             background-color:#006699;
1186         }
1187         a {
1188             color:#FFFFFF;
1189             font-weight:normal;
1190         }
1191     }
1192 }
1193
1194 /* nav */
1195 .nav_pages {
1196     .close_pagination {
1197         padding-right: 10px;
1198         position: absolute;
1199         right: 3px;
1200         top: -25px;
1201     }
1202     .close_pagination a {
1203         text-decoration:none!important;
1204     }
1205     ul {
1206         padding-top: 10px;
1207     }
1208     li {
1209         list-style:none;
1210         float:left;
1211         padding:4px;
1212         color:#999;
1213         a {
1214             text-decoration:none!important;
1215             &:hover {
1216             text-decoration:underline;
1217             }
1218         }
1219         ul {
1220             float:left;
1221         }
1222     }
1223 }
1224
1225 /* action buttons */
1226 #action {
1227     margin : .5em 0 0 0;
1228     background-color : #F3F3F3;
1229     border : 1px solid #E8E8E8;
1230     padding-bottom : 3px;
1231     li {
1232         list-style : none;
1233         margin : .2em;
1234         padding : .3em 0;
1235     }
1236     a {
1237         font-weight: bold;
1238         text-decoration : none;
1239     }
1240 }
1241
1242 #export,
1243 #moresearches_menu {
1244     li {
1245         padding : 0;
1246         margin : 0;
1247         a {
1248             font-weight: normal;
1249             &.menu-inactive {
1250                 font-weight: bold;
1251             }
1252         }
1253     }
1254 }
1255
1256 #format,
1257 #furthersearches {
1258     padding-left : 35px;
1259 }
1260 .highlight_controls {
1261     float: left;
1262 }
1263 a.addtocart,
1264 a.addtoshelf,
1265 a.brief,
1266 a.deleteshelf,
1267 a.deleteshelf.disabled,
1268 a.detail,
1269 a.download,
1270 a.editshelf,
1271 a.empty,
1272 a.hide,
1273 a.highlight_toggle,
1274 a.hold,
1275 a.hold.disabled,
1276 a.incart,
1277 a.new,
1278 a.print-small,
1279 a.print-large,
1280 a.removeitems,
1281 a.removeitems.disabled,
1282 a.reserve,
1283 a.send,
1284 a.tag_add,
1285 a.removefromlist,
1286 input.hold,
1287 input.hold.disabled,
1288 input.editshelf,
1289 .newshelf,
1290 .newshelf.disabled,
1291 .deleteshelf {
1292     background-image: url("../images/sprite.png");
1293     background-repeat: no-repeat;
1294 }
1295
1296
1297 a.addtocart {
1298     background-position: -5px -265px; /* Cart */
1299     padding-left : 35px;
1300 }
1301
1302 a.addtoshelf {
1303     background-position: -5px -225px; /* Virtual shelf */
1304     padding-left : 35px;
1305 }
1306
1307 a.brief {
1308
1309     background-position : -2px -868px; /* Zoom out */
1310     text-decoration : none;
1311     padding-left : 27px;
1312 }
1313
1314 a.cartRemove {
1315     color: #cc3333;
1316     font-size : 90%;
1317     margin : 0;
1318     padding: 0;
1319 }
1320
1321 a.detail {
1322     background-position : -2px -898px; /* Zoom in */
1323     text-decoration : none;
1324     padding-left : 27px;
1325 }
1326
1327 a.download {
1328     background-position : -5px -348px; /* Download */
1329     padding-left : 20px;
1330     text-decoration : none;
1331 }
1332
1333 a.editshelf {
1334     background-position : 2px -348px; /* List edit */
1335     padding-left : 26px;
1336     text-decoration : none;
1337 }
1338
1339 a.empty {
1340     background-position : 2px -598px; /* Trash */
1341     text-decoration : none;
1342     padding-left : 30px;
1343 }
1344
1345 a.hide {
1346     background-position: -3px -814px; /* Close */
1347     text-decoration : none;
1348     padding-left : 26px;
1349 }
1350
1351 a.highlight_toggle {
1352     background-position: -5px -841px; /* Highlight */
1353     display: none;
1354     padding-left : 35px;
1355 }
1356
1357 a.hold,
1358 input.hold {
1359     background-position : -2px -453px; /* Toolbar place hold */
1360     text-decoration : none;
1361     padding-left : 23px;
1362 }
1363
1364 a.hold.disabled,
1365 input.hold.disabled {
1366     background-position : -5px -621px; /* Place hold disabled */
1367 }
1368
1369 a.incart {
1370     background-position: -5px -265px; /* Cart */
1371     color : #666;
1372     padding-left : 35px;
1373 }
1374
1375 a.new {
1376     background-image : url("../images/sprite.png"); /* New */
1377     background-position : -4px -922px;
1378     padding-left : 23px;
1379     text-decoration : none;
1380 }
1381
1382 a.print-small {
1383     background-position : 0px -423px; /* Toolbar print */
1384     text-decoration : none;
1385     padding-left : 30px;
1386 }
1387
1388 a.print-large {
1389     background-position : -5px -186px; /* Toolbar print */
1390     text-decoration : none;
1391     padding-left : 35px;
1392 }
1393
1394 a.removeitems,
1395 a.deleteshelf {
1396     background-position : 2px -690px; /* Delete */
1397     text-decoration : none;
1398     padding-left : 25px;
1399 }
1400
1401 a.removeitems.disabled,
1402 a.deleteshelf.disabled {
1403     background-position : 2px -712px; /* Delete disabled */
1404 }
1405
1406 a.reserve {
1407     background-position: -6px -144px; /* Place hold */
1408     padding-left : 35px;
1409 }
1410
1411 a.send {
1412     background-position : 2px -386px; /* Email */
1413     text-decoration : none;
1414     padding-left : 28px;
1415 }
1416
1417 a.tag_add {
1418     background-position: 3px -1111px; /* Tag results */
1419     padding-left : 27px;
1420     text-decoration: none;
1421 }
1422
1423 input.hold {
1424     background-color: transparent;
1425     border : 0;
1426     color: #0076B2;
1427     font-weight: bold;
1428 }
1429
1430 input.editshelf {
1431     background-color: transparent;
1432     background-position : 2px -736px; /* List edit */
1433     border : 0;
1434     color : #006699;
1435     cursor : pointer;
1436     filter: none;
1437     font-size : 100%;
1438     padding-left : 29px;
1439     text-decoration : none;
1440 }
1441
1442 .newshelf {
1443     background-position: 2px -764px; /* List new */
1444     border : 0;
1445     color : #006699;
1446     cursor : pointer;
1447     filter: none;
1448     font-size : 100%;
1449     padding-left : 28px;
1450     text-decoration : none;
1451 }
1452
1453 .newshelf.disabled {
1454     background-position: -4px -791px; /* List new disabled */
1455 }
1456
1457 .deleteshelf {
1458     background-color: transparent;
1459     background-position : 2px -690px; /* Delete */
1460     border : 0;
1461     color : #006699;
1462     cursor : pointer;
1463     filter: none;
1464     font-size : 100%;
1465     padding-left : 25px;
1466     text-decoration : none;
1467 }
1468
1469 .links a {
1470     font-weight : bold;
1471 }
1472
1473 .deleteshelf:hover {
1474     color: #990033;
1475 }
1476
1477
1478 .editshelf:active,
1479 .deleteshelf:active {
1480     border : 0;
1481 }
1482
1483 #tagslist li { display : inline; }
1484
1485 #login4tags {
1486     background-image: url("../images/sprite.png"); /* Tag results disabled */
1487     background-position: -6px -1130px;
1488     background-repeat: no-repeat;
1489     padding-left : 20px;
1490     text-decoration: none;
1491 }
1492
1493 .tag_results_input {
1494     margin-left: 1em;
1495     padding: 0.3em;
1496     font-size: 12px;
1497     input[type="text"] {
1498         font-size: inherit;
1499         margin : 0;
1500         padding : 0;
1501     }
1502     label {
1503         display : inline;
1504     }
1505 }
1506
1507 .tagsinput {
1508     input[type="text"] {
1509         font-size: inherit;
1510         margin : 0;
1511         padding : 0;
1512     }
1513     label {
1514         display : inline;
1515     }
1516 }
1517
1518 .branch-info-tooltip {
1519     display: none;
1520 }
1521
1522 #social_networks {
1523     a {
1524         background: transparent url("../images/social-sprite.png") no-repeat;
1525         display: block;
1526         height : 20px !important;
1527         width : 20px;
1528         text-indent : -999em;
1529     }
1530     span {
1531         color: #274D7F;
1532         display : block;
1533         float : left;
1534         font-size: 85%;
1535         font-weight: bold;
1536         line-height: 2em;
1537         margin : .5em 0 .5em .5em !important;
1538     }
1539     div {
1540         float : left !important;
1541         margin : .5em 0 .5em .2em !important;
1542     }
1543     #facebook {
1544         background-position : -7px -35px;
1545     }
1546     #twitter {
1547         background-position : -7px -5px;
1548     }
1549     #linkedin {
1550         background-position : -7px -95px;
1551     }
1552     #delicious {
1553         background-position : -7px -66px;
1554     }
1555     #email {
1556         background-position : -7px -126px;
1557     }
1558 }
1559
1560 #marc {
1561     td,
1562     th {
1563         background-color : transparent;
1564         border : 0;
1565         padding: 3px 5px;
1566         text-align : left;
1567     }
1568     td:first-child {
1569         text-indent : 2em;
1570     }
1571     p {
1572         padding-bottom: .6em;
1573         .label {
1574             font-weight : bold;
1575         }
1576     }
1577     ul {
1578         padding-bottom: .6em;
1579     }
1580     .results_summary {
1581         clear :  left;
1582         ul {
1583             display : inline;
1584             float :  none;
1585             clear :  none;
1586             margin: 0;
1587             padding: 0;
1588             list-style : none;
1589         }
1590         li {
1591             display: inline;
1592         }
1593     }
1594 }
1595
1596 #items,
1597 #items td
1598 #items th {
1599     border : 1px solid #EEE;
1600     font-size : 90%;
1601 }
1602
1603 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
1604 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
1605 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
1606
1607 #renewcontrols {
1608      float: right;
1609      font-size: 66%;
1610 }
1611
1612 #renewcontrols a {
1613     background-repeat : no-repeat;
1614     text-decoration:none;
1615     padding : .1em .4em;
1616     padding-left : 18px;
1617 }
1618
1619 #renewselected_link {
1620     background-image : url("../images/sprite.png");
1621     background-position : -5px -986px;
1622     background-repeat: no-repeat;
1623 }
1624
1625 #renewall_link {
1626     background-image : url("../images/sprite.png");
1627     background-position : -8px -967px;
1628     background-repeat: no-repeat;
1629 }
1630
1631 .authref {
1632     text-indent: 2em;
1633 }
1634
1635 .authref .label {
1636     font-style: italic;
1637 }
1638
1639 .authstanza {
1640     margin-top: 1em;
1641 }
1642
1643 .authstanzaheading {
1644     font-weight: bold;
1645 }
1646 .authorizedheading {
1647     font-weight: bold;
1648 }
1649 .authstanza li {
1650     margin-left: 0.5em;
1651 }
1652 .authres_notes, .authres_seealso, .authres_otherscript {
1653   padding-top: .5em;
1654 }
1655 .authres_notes {
1656   font-style: italic;
1657 }
1658
1659 #didyoumean {
1660     background-color: #EEE;
1661     border: 1px solid #E8E8E8;
1662     margin: 0 0 0.5em;
1663     text-align: left;
1664     padding: 0.5em;
1665     .border-radius-all(3px);
1666 }
1667
1668 .suggestionlabel {
1669     font-weight: bold;
1670 }
1671
1672 .searchsuggestion {
1673     padding: 0.2em 0.5em;
1674     white-space: nowrap;
1675     display: inline-block;
1676 }
1677
1678 .authlink {
1679     padding-left: 0.25em;
1680 }
1681 #hierarchies a {
1682     font-weight: normal;
1683     text-decoration: underline;
1684     color: #069;
1685 }
1686
1687 #hierarchies a:hover {
1688     color: #990033;
1689 }
1690
1691 #top-pages {
1692     margin: 0 0 0.5em;
1693 }
1694 .dropdown-menu > li > a {
1695     font-size: 90%;
1696 }
1697 a.listmenulink:link,
1698 a.listmenulink:visited {
1699     color : #0076B2;
1700     font-weight: bold;
1701 }
1702 a.listmenulink:hover,
1703 a.listmenulink:active {
1704     color : #FFF;
1705     font-weight: bold;
1706 }
1707 #cartDetails,
1708 #cartUpdate,
1709 #holdDetails,
1710 #listsDetails {
1711     background-color : #FFF;
1712 //    border: 1px solid #739acf;
1713     border: 1px solid rgba(0, 0, 0, 0.2);
1714     border-radius: 6px 6px 6px 6px;
1715     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1716     color : black;
1717     display : none;
1718     font-size: 90%;
1719     margin : 0;
1720     padding : 8px 20px;
1721     text-align : center;
1722     width : 180px;
1723     z-index: 2;
1724 }
1725 #cartmenulink {
1726     white-space: nowrap;
1727 }
1728
1729 #search-facets,
1730 #menu {
1731     border : 1px solid #D2D2CF;
1732     .border-radius-all(7px);
1733     ul {
1734        margin : 0;
1735         padding : .3em;
1736     }
1737     form {
1738        margin : 0;
1739     }
1740     h4 {
1741         font-size : 90%;
1742         margin : 0 0 .6em 0;
1743         text-align : center;
1744         a {
1745             background-color : #F2F2EF;
1746             border-radius: 8px 8px 0 0;
1747             border-bottom : 1px solid #D8D8D8;
1748             display: block;
1749             font-weight: bold;
1750             padding : .7em .2em;
1751             text-decoration: none;
1752         }
1753     }
1754     li {
1755         font-size: 90%;
1756         font-weight : bold;
1757         list-style-type : none;
1758         li {
1759             font-weight : normal;
1760             font-size : 95%;
1761             line-height: 125%;
1762             margin-bottom : 2px;
1763             padding : .1em .2em;
1764         }
1765         &.showmore {
1766             a {
1767                 font-weight : bold;
1768                 text-indent : 1em;
1769             }
1770         }
1771     }
1772     a {
1773         font-weight : normal;
1774         text-decoration: underline;
1775     }
1776 }
1777
1778 #menu {
1779     font-size : 94%;
1780     li {
1781         list-style-type : none;
1782         a {
1783             background: #eeeeee;
1784             text-decoration : none;
1785             display : block;
1786             border : 1px solid #D8D8D8;
1787             border-radius: 5px 0 0 5px;
1788             border-bottom-color:  #999;
1789             font-size : 111%;
1790             padding : .4em .6em;
1791             margin : .4em 0;
1792             margin-right: -1px;
1793             &:hover {
1794                 background: #eaeef5;
1795             }
1796         }
1797         &.active {
1798             a {
1799                 background-color : #FFF;
1800                 background-image : none;
1801                 border-right-width: 0;
1802                 font-weight : bold;
1803                 &:hover {
1804                     background-color : #fff;
1805                 }
1806             }
1807         }
1808     }
1809     h4 {
1810         display: none;
1811     }
1812 }
1813
1814 #addto {
1815     max-width : 10em;
1816 }
1817
1818 /* Search results add to cart (lists disabled) */
1819 .addto a.addtocart {
1820     background-image: url("../images/sprite.png"); /* Cart */
1821     background-position: -5px -266px;
1822     background-repeat: no-repeat;
1823     text-decoration : none;
1824     padding-left : 33px;
1825 }
1826
1827 .searchresults {
1828     p {
1829         margin: 0;
1830         padding: 0 0 .6em 0;
1831         &.details {
1832            color : #979797;
1833         }
1834     }
1835     a {
1836         &.highlight_toggle {
1837             background-image: url("../images/sprite.png"); /* Highlight */
1838             background-position: -11px -841px;
1839             background-repeat: no-repeat;
1840             display: none;
1841             font-weight: normal;
1842             padding : 0 10px 0 21px;
1843         }
1844     }
1845     .commentline {
1846         background-color : rgb(255, 255, 204);
1847         background-color : rgba(255, 255, 204, 0.4);
1848         border : 1px solid #CCC;
1849         display: inline-block;
1850         .border-radius-all(3px);
1851         .shadowed;
1852         margin : .3em;
1853         padding : .4em;
1854     }
1855     .commentline.yours {
1856         background-color : rgb(239, 254, 213);
1857         background-color : rgba(239, 254, 213, 0.4);
1858     }
1859 }
1860
1861 .commentline .avatar {
1862     float : right;
1863     padding-left : .5em;
1864 }
1865
1866 /* style for search terms in catalogsearch */
1867 .term {
1868     /* color : blue; */
1869     color : #990000;
1870     background-color : #FFFFCC;
1871 }
1872
1873 /* style for shelving location in catalogsearch */
1874 .shelvingloc {
1875     display : block;
1876     font-style : italic;
1877 }
1878 #CheckAll,
1879 #CheckNone {
1880     font-weight : normal;
1881     margin : 0 .5em;
1882     text-decoration: underline;
1883 }
1884
1885 span.sep {
1886     color: #888;
1887     padding: 0 .2em 0 .5em;
1888     text-shadow: 1px 1px 0 #FFF;
1889 }
1890
1891 /* style for PM-generated pagination bar */
1892
1893 .pages span:first-child,
1894 .pages a:first-child {
1895     border-width: 1px 1px 1px 1px;
1896     border-bottom-left-radius: 3px;
1897     border-top-left-radius: 3px;
1898 }
1899
1900 .pages span:last-child,
1901 .pages a:last-child {
1902     border-width: 1px 1px 1px 0;
1903     border-bottom-right-radius: 3px;
1904     border-top-right-radius: 3px;
1905 }
1906
1907 .pages .inactive,
1908 .pages .currentPage,
1909 .pages a {
1910     -moz-border-bottom-colors: none;
1911     -moz-border-left-colors: none;
1912     -moz-border-right-colors: none;
1913     -moz-border-top-colors: none;
1914     background-color: #FFFFFF;
1915     border-color: #DDDDDD;
1916     border-image: none;
1917     border-style: solid;
1918     border-width: 1px 1px 1px 0;
1919     float: left;
1920     font-size: 11.9px;
1921     line-height: 20px;
1922     padding: 4px 12px;
1923     text-decoration: none;
1924 }
1925
1926 .pages .inactive {
1927     background-color: #F5F5F5;
1928 }
1929
1930 .pages a[rel='last'] {
1931     border-bottom-right-radius: 3px;
1932     border-top-right-radius: 3px;
1933 }
1934
1935 .hold-message {
1936     background-color: #FFF0B1;
1937     display: inline-block;
1938     margin: 0.5em;
1939     padding: 0.2em 0.5em;
1940     .border-radius-all(3px);
1941 }
1942 .reserve_date,
1943 .expiration_date {
1944     white-space: nowrap;
1945 }
1946 .close {
1947     color: #0088CC;
1948     position: inherit;
1949     top: auto;
1950     right : auto;
1951     filter : none;
1952     float : none;
1953     font-size: inherit;
1954     font-weight: normal;
1955     opacity: inherit;
1956     text-shadow: none;
1957 }
1958
1959 .close:hover {
1960     color: #538200;
1961     filter: inherit;
1962     font-size: inherit;
1963     opacity: inherit;
1964 }
1965
1966 /* Redefine a new style for Bootstrap's class "close" since we use that already */
1967 /* Use <a class="closebtn" href="#">&times;</a> */
1968 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
1969 .modal-header .closebtn{margin-top:2px;}
1970 .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);}
1971 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
1972 .btn-group label,
1973 .btn-group select {
1974     font-size: 13px;
1975 }
1976
1977 .span2 select {
1978     width: 100%;
1979 }
1980
1981 .popup .main {
1982     font-size: 90%;
1983     padding: 0 1em;
1984 }
1985
1986 .popup legend {
1987     line-height: 1.5em;
1988     margin-bottom : .5em;
1989 }
1990
1991 .available {
1992     color : #006600;
1993 }
1994
1995 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
1996     display : block;
1997 }
1998
1999 .notforloan {
2000     color : #900;
2001 }
2002
2003 .lost {
2004     color : #666;
2005 }
2006
2007 .suggestion {
2008     background-color : #EEEEEB;
2009     border : 1px solid #DDDED3;
2010     margin : 1em auto;
2011     padding : .5em;
2012     width : 35%;
2013     .border-radius-all(3px);
2014 }
2015
2016 .librarypulldown .transl1 {
2017     width : auto;
2018 }
2019
2020 .nolibrarypulldown {
2021     width : 68%;
2022 }
2023
2024 .nolibrarypulldown .transl1 {
2025     width : 87%;
2026 }
2027
2028 #opac-main-search {
2029     select {
2030         width : auto;
2031         max-width: 12em;
2032     }
2033 }
2034
2035 #logo {
2036     background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
2037     border: 0;
2038     float : left !important;
2039     margin:0;
2040     padding:0;
2041     width:100px;
2042     a {
2043         border:0;
2044         cursor:pointer;
2045         display:block;
2046         height:0px !important;
2047         margin:0;
2048         overflow:hidden;
2049         padding:40px 0 0;
2050         text-decoration:none;
2051         width:100px;
2052     }
2053 }
2054
2055 #user-menu-trigger {
2056     display: none;
2057     .icon-user {
2058         background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
2059         background-position: -168px 0;
2060         background-repeat: no-repeat;
2061         height: 14px;
2062         line-height: 14px;
2063         margin : 12px 0 0;
2064         vertical-align: text-top;
2065         width: 14px;
2066     }
2067     .caret {
2068         border-bottom-color: #999999;
2069         border-top-color: #999999;
2070         margin-top: 18px;
2071     }
2072 }
2073
2074 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2075 .floating {
2076     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2077     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
2078     margin-top: 0;
2079 }
2080
2081 .tdlabel {
2082     font-weight: bold;
2083     display: none;
2084 }
2085
2086 td img {
2087     max-width: none;
2088 }
2089
2090 #ulactioncontainer {
2091     min-width: 16em;
2092 }
2093
2094 .notesrow {
2095     label {
2096         font-weight: bold;
2097     }
2098     span {
2099         display: block;
2100     }
2101 }
2102
2103 .thumbnail-shelfbrowser span {
2104     margin: 0px auto;
2105 }
2106
2107 .dropdown-menu > li > a.menu-inactive:hover {
2108     background : #FFF none;
2109     color : #000;
2110 }
2111
2112 .table {
2113     .sorting_asc {
2114         padding-right: 19px;
2115         background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
2116     }
2117     .sorting_desc {
2118         padding-right: 19px;
2119         background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
2120     }
2121     .sorting {
2122         padding-right: 19px;
2123         background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
2124     }
2125     .nosort,
2126     .nosort.sorting_asc,
2127     .nosort.sorting_desc,
2128     .nosort.sorting {
2129         padding-right: 19px;
2130         background: #ECEDE6 none;
2131     }
2132 }
2133 .tags {
2134     ul {
2135         display: inline;
2136         list-style: none;
2137         margin-left : 0;
2138         li {
2139             display: inline;
2140         }
2141     }
2142 }
2143 .coverimages {
2144     float : right;
2145 }
2146 #i18nMenu {
2147     margin-left : 1em;
2148     li {
2149         font-size : 85%;
2150         li {
2151             font-size: 100%;
2152         }
2153         li > a {
2154             font-size : 100%;
2155             &:hover {
2156                 color : #FFF;
2157             }
2158         }
2159         a {
2160             color : @links;
2161         }
2162     }
2163     .dropdown-menu {
2164         li {
2165             p {
2166                 clear: both;
2167                 display: block;
2168                 font-weight: normal;
2169                 line-height: 20px;
2170                 padding: 3px 20px;
2171                 white-space: nowrap;
2172             }
2173         }
2174     }
2175 }
2176
2177 #subjectsList,
2178 #authorSearch {
2179     label {
2180         display :inline;
2181         vertical-align: middle;
2182     }
2183     ul {
2184         border-bottom: 1px solid #EEE;
2185         list-style-type: none;
2186         margin: 0;
2187         padding: .6em 0;
2188     }
2189     li {
2190         list-style-type: none;
2191         margin: 0;
2192         padding: 0;
2193     }
2194 }
2195
2196
2197 #overdrive-results {
2198     font-weight: bold;
2199     padding-left: 1em;
2200 }
2201
2202 .throbber {
2203     vertical-align: middle;
2204 }
2205
2206 #overdrive-results-list .star-rating-control {
2207     display: block;
2208     overflow: auto;
2209 }
2210
2211 #shelfbrowser {
2212     table {
2213         margin : 0;
2214     }
2215     table,
2216     td,
2217     th {
2218         border : 0;
2219         font-size : 90%;
2220         text-align : center;
2221     }
2222     td,
2223     th {
2224         padding: 3px 5px;
2225         width : 20%;
2226     }
2227     a {
2228         display : block;
2229         font-size : 110%;
2230         font-weight : bold;
2231         text-decoration : none;
2232     }
2233     #browser_next,
2234     #browser_previous {
2235         background-image : url("../images/sprite.png");
2236         background-repeat: no-repeat;
2237         width : 16px;
2238         a {
2239             cursor: pointer;
2240             display : block;
2241             height: 0 !important;
2242             margin: 0;
2243             overflow: hidden;
2244             padding: 50px 0 0;
2245             text-decoration: none;
2246             width: 16px;
2247         }
2248     }
2249     #browser_previous {
2250         background-position: -9px -1007px;
2251     }
2252     #browser_next {
2253         background-position: -9px -1057px;
2254     }
2255 }
2256
2257 #holds {
2258     margin : 0 auto;
2259     max-width: 800px;
2260 }
2261 .holdrow {
2262     clear : both;
2263     padding: 0 1em 1em 1em;
2264     border-bottom:1px solid #CCC;
2265     margin-bottom:.5em;
2266     fieldset {
2267         border : 0;
2268         margin : 0;
2269         float: none;
2270         .label {
2271             font-size: 14px;
2272         }
2273     }
2274     label {
2275         display: inline;
2276     }
2277 }
2278 .hold-options {
2279     clear : both;
2280 }
2281 .toggle-hold-options {
2282     background-color: #eee;
2283     clear : both;
2284     display : block;
2285     font-weight : bold;
2286     margin: 1em 0;
2287     padding: .5em;
2288 }
2289 .copiesrow {
2290     clear : both;
2291 }
2292
2293 #idreambooksreadometer {
2294     float: right;
2295 }
2296
2297 a.idreambooksrating {
2298     font-size: 30px;
2299     color: #29ADE4;
2300     padding-left: 85px;
2301     line-height: 30px;
2302     text-decoration: none;
2303 }
2304
2305 .idreambookslegend {
2306     font-size: small;
2307 }
2308
2309 a.reviewlink,
2310 a.reviewlink:visited {
2311     text-decoration: none;
2312     color: black;
2313     font-weight: normal;
2314 }
2315
2316 .idreambookssummary a {
2317     color: #707070;
2318     text-decoration: none;
2319 }
2320
2321 .idreambookssummary img,
2322 .idbresult img {
2323     vertical-align: middle;
2324 }
2325
2326 .idbresult {
2327     color: #29ADE4;
2328     text-align: center;
2329     margin: 0.5em;
2330     padding: 0.5em;
2331 }
2332
2333 .idbresult a,
2334 .idbresult a:visited {
2335     text-decoration: none;
2336     color: #29ADE4;
2337 }
2338
2339 .idbresult img {
2340     padding-right: 6px;
2341 }
2342
2343 .js-show {
2344     display: none;
2345 }
2346
2347 .modal-nojs {
2348     .modal-header,
2349     .modal-footer {
2350         display: none;
2351     }
2352 }
2353
2354 @import "responsive.less";