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