koha-tmpl/opac-tmpl/prog/en/css/opac.css

   1 @import url("/opac-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
   2
   3 a {
   4         font-weight : bold;
   5 }
   6
   7 a, a:visited {
   8         color : #006699;
   9 }
  10
  11 a:hover {
  12         text-decoration : none;
  13         color : #990033;
  14 }
  15
  16 body {
  17         background-color : white;
  18         text-align : left;
  19 }
  20
  21 caption {
  22         font-size : 140%;
  23         text-align : left;
  24         font-weight : bold;
  25 }
  26
  27 fieldset {
  28         border : 2px solid #EEEEEE;
  29         margin : 1em 1em 1em 0;
  30         padding : 1em;
  31 }
  32
  33 fieldset.rows {
  34 border-width : 1px;
  35 border-bottom : 1px solid black;
  36 float : left;
  37 font-size : 90%;
  38 clear : left;
  39 margin: .9em 0 0 0;
  40 padding: 0;
  41 width: 100%;
  42 }
  43
  44 fieldset.rows legend {
  45         margin-left: 1em;
  46         font-weight: bold;
  47         font-size : 110%;
  48 }
  49
  50 fieldset.rows label, fieldset.rows span.label {
  51         float: left;
  52         font-weight : bold;
  53         width: 9em;
  54         margin-right: 1em;
  55         text-align: right;
  56 }
  57
  58 fieldset.rows fieldset {
  59         border-width : 1px;
  60         margin : 0;
  61         padding : .3em;
  62 }
  63
  64 fieldset.rows ol {
  65 padding: 1em 1em 0 1em;
  66 list-style-type: none;
  67 }
  68
  69 fieldset.rows li {
  70 float : left;
  71 clear : left;
  72 padding-bottom: 1em;
  73 list-style-type: none;
  74 width: 100%;
  75 }
  76
  77 fieldset.rows.left li {
  78         padding-bottom : .4em;
  79 }
  80
  81 fieldset.rows li.radio {
  82         padding-left: 9em;
  83         width : auto;
  84 }
  85
  86 fieldset.rows li.radio label {
  87         float : none;
  88         width : auto;
  89         margin : 0 0 0 1em;
  90 }
  91
  92 fieldset.rows ol.radio label {
  93         width : auto;
  94         float : none;
  95         margin-right : 0;
  96 }
  97
  98 fieldset.rows ol.radio label.radio {
  99         float : left;
 100         width : 12em;
 101         margin-right : 1em;
 102 }
 103
 104 fieldset.rows table {
 105         clear : both;
 106         margin-left : 1em;
 107 }
 108
 109 fieldset.rows td label {
 110         float : none;
 111         font-weight : normal;
 112         width : auto;
 113 }
 114
 115 fieldset.action {
 116         clear : both;
 117         float : none;
 118         border : none;
 119         margin : 0;
 120         padding : 1em 0 .3em 0;
 121         width : auto;
 122 }
 123
 124 h1 {
 125         font-size : 138.5%;
 126 }
 127
 128 h1#libraryname {
 129         font-weight : normal;
 130         margin : .2em 0 .2em .5em;
 131 }
 132
 133 h1#libraryname a {
 134         text-decoration : none;
 135 }
 136
 137 h1#libraryname a:hover {
 138         color : #384B73;
 139 }
 140
 141 h1,h2,h3,h4,h5,h6 {
 142         font-weight : bold;
 143         margin : .5em 0;
 144 }
 145
 146 h2 {
 147         font-size : 131%;
 148 }
 149
 150 h2.author {
 151         text-indent : .5em;
 152 }
 153
 154 h3 {
 155         font-size : 123.1%;
 156 }
 157
 158 h4 {
 159         font-size : 116%;
 160 }
 161
 162 h5 {
 163         font-size : 108%;
 164 }
 165
 166 h6 {
 167         font-size : 100%;
 168 }
 169
 170 input[type=submit], input[type=button], input[type=reset] {
 171         background-color : #6BA037;
 172         border:1px outset #666666;
 173         color : #FFFFFF;
 174         font-size : 93%;
 175         font-weight : bold;
 176         padding : 2px;
 177 }
 178
 179 input[type=submit]:active, input[type=button], input[type=reset] {
 180         border: 1px inset #666666;
 181 }
 182
 183 p.searchresults {
 184         background-color : #EFF1DC;
 185 }
 186
 187 table {
 188         border-collapse : collapse;
 189         margin : 1em 0;
 190         border-right : 1px solid #dddddd;
 191         border-top : 1px solid #dddddd;
 192 }
 193
 194 td,th {
 195         border-left : 1px solid #dddddd;
 196         border-bottom : 1px solid #dddddd;
 197         padding : 3px 5px;
 198 }
 199
 200 th {
 201         background-color:#EFF1DC;
 202         font-weight : bold;
 203         padding : 2px 4px;
 204 }
 205
 206 th.sum {
 207         text-align: right;
 208 }
 209
 210 td.sum {
 211         background-color: #FFC;
 212         font-weight: bold;
 213 }
 214
 215 th[scope=row] {
 216         text-align : right;
 217 }
 218
 219 tr.highlight td, tr.highlight th {
 220         background-color : #F3F3F3;
 221         border : 1px solid #DDDDDD;
 222         border-right : 1px solid #DDDDDD;
 223 }
 224
 225 ul {
 226         list-style : disc;
 227         padding-left : 1em;
 228 }
 229
 230 li {
 231         list-style : disc;
 232 }
 233
 234 .available {
 235         font-size : 0.75em;
 236 }
 237
 238 .inwait {
 239         background-color : #33CC99;
 240 }
 241
 242 /* css styles for reserves color alerts */
 243 .onloan {
 244         background-color : #FFED3D;
 245 }
 246
 247 .other {
 248         background-color : #FF0000;
 249 }
 250
 251 /* "problem" enhancement */
 252 .problem {
 253         color : white;
 254         background-color : red;
 255 }
 256
 257 .reserved {
 258         background-color : #8EBAFF;
 259 }
 260
 261 /* style for search terms in catalogsearch */
 262 .term {
 263         background-color : #ffffe0;
 264         color : #990033;
 265 }
 266
 267 a .term {
 268         text-decoration : underline;
 269 }
 270
 271 .transfered {
 272         background-color : #F9FF9A;
 273 }
 274
 275 .unavailable {
 276         background-color : #FFED3D;
 277 }
 278
 279 /* action buttons */
 280 #action {
 281         margin-top : .5em;
 282 }
 283
 284 #action li {
 285         list-style : none;
 286 }
 287
 288 #action a {
 289         background-color : #F3F3F3;
 290         border : 1px solid #E8E8E8;
 291         display : block;
 292         margin : .2em;
 293         padding : .5em;
 294         text-decoration : none;
 295 }
 296
 297 /* the itemtype list in advanced search */
 298 #advsearch-itemtype table {
 299         border-collapse : separate;
 300         border-spacing : 3px;
 301         border : 0px;
 302         margin : 0px;
 303         background-color : white;
 304         border : 0px solid #D8DEB8;
 305 }
 306
 307 #advsearch-itemtype table tr td {
 308         background-color : #F8F8EB;
 309         border : 0px;
 310         margin : 0px;
 311         width : 700px;
 312 }
 313
 314 #advsearch-itemtype td {
 315         font-size : 0.8em;
 316         background-color : #F8F8EB;
 317 }
 318
 319 #auth {
 320         float : left;
 321 }
 322
 323 #facets {
 324
 325 }
 326
 327 /* the footer */
 328 #footer {
 329         margin-top : 30px;
 330         margin-left : 30%;
 331         margin-right : 20%;
 332         border-top : 1px solid #384b73;
 333         color : #384b73;
 334         font-size : 1em;
 335         text-align : center;
 336 }
 337
 338 /* facets bloc */
 339 /* the USER information block */
 340 #librarian_information {
 341         float : right;
 342         font-size : 10pt;
 343 }
 344
 345 #members {
 346         font-size : .8em;
 347         font-weight : bold;
 348         padding : 4px 0 4px 0;
 349         background-image : url(../../images/member-menu-background.gif);
 350         background-repeat : repeat-x;
 351         border-top : 1px solid #9999CC;
 352         border-bottom : 1px solid #9999CC;
 353         background-color : #AFBCCF;
 354         color : #000066;
 355 }
 356
 357 #members a {
 358         text-decoration : none;
 359 }
 360
 361 #members a.card {
 362         background-image : url(../images/card.gif);
 363         background-position : left;
 364         background-repeat : no-repeat;
 365         display : block;
 366         padding-left : 39px;
 367 }
 368
 369 #members a.logout {
 370         font-weight : bold;
 371         padding : 0 .3em 0 .3em;
 372         text-decoration : none;
 373 }
 374
 375 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
 376         background-image : url(../images/member-menu-background-logout.gif);
 377         background-repeat : repeat-x;
 378         color : #000000;
 379 }
 380
 381 #members a:hover.logout {
 382         background-image : url(../images/member-menu-background-logout-hover.gif);
 383         background-repeat : repeat-x;
 384         color : #000000;
 385 }
 386
 387 #members li {
 388         display : inline;
 389         list-style : none;
 390         margin : 0;
 391 }
 392
 393 #members ul {
 394         margin : 0;
 395         padding : 0;
 396         text-align : right;
 397 }
 398
 399 #members ul li a:link, #members ul li a:visited, #members span.members {
 400         background-image : url(../images/member-menu-background-link.gif);
 401         background-repeat : repeat-x;
 402         border-left : 1px solid #9999CC;
 403         color : #006699;
 404 }
 405
 406 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
 407         padding : 4px;
 408 }
 409
 410 #members ul li a:hover {
 411 }
 412
 413 #members ul li a:hover, #members ul li a:active {
 414         background-image : url(../images/member-menu-background-hover.gif);
 415         background-repeat : repeat-x;
 416 }
 417
 418 #members ul li:last-child {
 419 }
 420
 421 #members ul li:last-child a {
 422         border-right : 1px solid #9999CC;
 423 }
 424
 425 #opac-main-search {
 426         background-image : url( /opac-tmpl/prog/images/menu-background.gif);
 427         background-repeat : repeat-x;
 428         background-color : #6699CC;
 429         border-top : 1px solid #335599;
 430         border-bottom : 1px solid #335599;
 431         padding : 15px 0 15px 10px;
 432         color : #FFFFCC;
 433         font-size : 108%;
 434         line-height : 116%;
 435 }
 436
 437 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 438         color : #FFFFCC;
 439 }
 440
 441 #opac-main-search a:hover {
 442         color : #FFFFFF;
 443 }
 444
 445 #opac-main-search form {
 446         display : inline;
 447         padding-right : 1em;
 448 }
 449
 450 #opac-main-search label {
 451         font-weight : bold;
 452 }
 453
 454 /***********************************************************/
 455 /* the user menu, for user option (and biblio detail view) */
 456 /***********************************************************/
 457
 458 .suggestion {
 459         background-color : #EEEEEB;
 460         border : 1px solid #DDDED3;
 461         margin : 10px auto;
 462         padding : 4px;
 463         width : 35%;
 464 }
 465
 466 #facets ul {
 467         margin : 0;
 468         padding : 0;
 469 }
 470
 471 #facets ul li {
 472         font-weight : bold;
 473         text-align : left;
 474         list-style : none;
 475 }
 476
 477 #facets ul ul li {
 478         border : 0;
 479         font-size : 85%;
 480         font-weight : normal;
 481         padding : 2px;
 482         text-align : left;
 483 }
 484
 485 #facets ul ul li a {
 486         font-weight : normal;
 487         text-decoration : underline;
 488 }
 489
 490 #facets h4 {
 491         font-size : 93%;
 492         padding:3px;
 493         text-align:center;
 494         background-color:#E7E7CA;
 495         line-height:1.8em;
 496         margin-left:-1px;
 497         margin-right:-1px;
 498         margin-top:-1px;
 499 }
 500
 501 #breadcrumbs {
 502         padding : .7em;
 503 }
 504
 505 strong {
 506         font-weight : bold;
 507 }
 508
 509 em {
 510         font-style : italic;
 511 }
 512
 513 #catalogue_detail_biblio {
 514         font-size : 90%;
 515         clear : left;
 516         margin: .9em 0 0 0;
 517         padding: 0;
 518         width: 100%;
 519 }
 520
 521 #catalogue_detail_biblio p span.label {
 522         float: left;
 523         font-weight : bold;
 524         width: 11em;
 525         margin-right: 1em;
 526 }
 527
 528 #catalogue_detail_biblio p {
 529         float : left;
 530         clear : left;
 531         padding-bottom: .3em;
 532         list-style-type: none;
 533         width: 100%;
 534 }
 535
 536 #catalogue_detail_biblio p span.biblionotes {
 537         margin-left : 6em;
 538 }
 539
 540 .toptabs {
 541         margin-top : 1em;
 542 }
 543
 544 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 545     top: 0;
 546  }
 547
 548 .toptabs .tabs-nav li {
 549         margin-right : .5em;
 550 }
 551
 552 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 553         background-color : #F3F3F3;
 554         border-top : 1px solid #E8E8E8;
 555         border-left : 1px solid #E8E8E8;
 556         border-right : 1px solid #E8E8E8;
 557         border-bottom : 0;
 558         text-align : center;
 559         text-decoration : none;
 560 }
 561
 562 .toptabs .tabs-nav li.tabs-selected  {
 563         background-color : #FFF;
 564 }
 565
 566 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 567         background-color : #FFF;
 568         border-top : 1px solid #E8E8E8;
 569         border-left : 1px solid #E8E8E8;
 570         border-right : 1px solid #E8E8E8;
 571         border-bottom : 1px solid #FFF;
 572         margin-bottom : -5px;
 573         padding-bottom : 5px;
 574         text-align : center;
 575 }
 576
 577 .toptabs.numbered .tabs-nav li {
 578         min-width : 3em;
 579 }
 580
 581 .toptabs .tabs-container {
 582         border : 1px solid #E8E8E8;
 583         padding : 1em;
 584 }
 585
 586 .tabs-container {
 587     border-top: 0;
 588     padding : inherit;
 589     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 590 }
 591
 592 #bookcover {
 593         padding : 1em;
 594         margin : 0 1em 1em 0;
 595         float : left;
 596 }
 597
 598 fieldset.brief {
 599         border : 1px solid #E8E8E8;
 600 }
 601
 602 fieldset.brief legend {
 603         font-weight : bold;
 604         font-size : 100%;
 605 }
 606
 607 fieldset.brief label {
 608         display : block;
 609         font-weight : bold;
 610         padding : .3em 0;
 611 }
 612
 613 fieldset.brief ol, fieldset.brief li {
 614         list-style-type : none;
 615 }
 616
 617 fieldset.brief div.hint, fieldset.rows div.hint {
 618         color : #999999;
 619         font-size : 95%;
 620         margin-bottom : .4em;
 621 }
 622
 623 #menu {
 624         margin-top: 1em;
 625 }
 626
 627 h2 span.hint {
 628         font-size: 76%;
 629         font-weight : normal;
 630 }
 631 .thumbnail {
 632         border : 0;
 633         float : left;
 634         margin : 0pt 5px 5px 0pt;
 635 }
 636 a.cancel {
 637         padding-left : 1em;
 638 }
 639
 640 #usermenu {
 641         margin-top : 1em;
 642 }
 643
 644 #toolbar ul {
 645         margin : 1em 0 0 0;
 646         padding : 0;
 647 }
 648
 649 #toolbar ul li {
 650         display : inline;
 651         list-style : none;
 652 }
 653
 654 #toolbar ul li a {
 655         border : 1px solid #afbccf;
 656         padding : .3em;
 657         text-decoration : none;
 658         margin-right : .1em;
 659 }
 660
 661 .searchresults input, .searchresults label, .searchresults select {
 662         font-size: 90%;
 663 }
 664
 665 .searchresults label {
 666         float : right;
 667         margin-top : 5px;
 668 }
 669
 670 .searchresults p {
 671         margin: 0;
 672         padding: 0;
 673         padding-top : .6em;
 674 }
 675
 676 .searchresults p img {
 677         vertical-align: middle;
 678 }
 679
 680 .searchresults table td {
 681         vertical-align: top;
 682 }
 683
 684 p.searchresults {
 685         background-color : #EFF1DC;
 686         margin-top : -5px;
 687         vertical-align : middle;
 688         padding : 3px 3px 5px 5px;
 689 }
 690
 691 .searchresults td, .searchresults th, .searchresults table {
 692         border: 0;
 693 }
 694
 695 .searchresults tr {
 696         border-bottom : 1px solid #CCCCCC;
 697 }
 698
 699 .searchresults table {
 700         border-top : 0px solid #CCCCCC;
 701 }
 702
 703 p.availability {
 704         color:#666666;
 705 }
 706
 707 .available {
 708         font-size: 90%;
 709 }
 710
 711 .searchresults a.reserve, .searchresults a.reserve:visited {
 712         background-position:left top;
 713         background-repeat:no-repeat;
 714         float:right;
 715         padding:2px 3px 2px 26px;
 716 }
 717
 718 .searchresults a.reserve {
 719         background-color:transparent;
 720         color:#006699;
 721 }
 722
 723 input.reserve, a.reserve {
 724         background-image:url(/opac-tmpl/prog/images/placereserve.gif);
 725 }
 726
 727 a.reserve {
 728         background-color:#006699;
 729         color:White;
 730 }
 731 .unavailable {
 732         color: #990033;
 733 }