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