koha-dev.rot13.org Git - koha_fer/blob - 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         width : 100%;
 193 }
 194
 195 td,th {
 196         border-left : 1px solid #dddddd;
 197         border-bottom : 1px solid #dddddd;
 198         padding : 3px 5px;
 199 }
 200
 201 th {
 202         background-color:#EFF1DC;
 203         font-weight : bold;
 204         padding : 2px 4px;
 205 }
 206
 207 th.sum {
 208         text-align: right;
 209 }
 210
 211 td.sum {
 212         background-color: #FFC;
 213         font-weight: bold;
 214 }
 215
 216 th[scope=row] {
 217         text-align : right;
 218 }
 219
 220 tr.highlight td, tr.highlight th {
 221         background-color : #F3F3F3;
 222         border : 1px solid #DDDDDD;
 223         border-right : 1px solid #DDDDDD;
 224 }
 225
 226 ul {
 227         list-style : disc;
 228         padding-left : 1em;
 229 }
 230
 231 li {
 232         list-style : disc;
 233 }
 234
 235 .available {
 236         font-size : 0.75em;
 237 }
 238
 239 .inwait {
 240         background-color : #33CC99;
 241 }
 242
 243 /* css styles for reserves color alerts */
 244 .onloan {
 245         background-color : #FFED3D;
 246 }
 247
 248 .other {
 249         background-color : #FF0000;
 250 }
 251
 252 /* "problem" enhancement */
 253 .problem {
 254         color : white;
 255         background-color : red;
 256 }
 257
 258 .reserved {
 259         background-color : #8EBAFF;
 260 }
 261
 262 /* style for search terms in catalogsearch */
 263 .term {
 264         background-color : #ffffe0;
 265         color : #990033;
 266 }
 267
 268 a .term {
 269         text-decoration : underline;
 270 }
 271
 272 .transfered {
 273         background-color : #F9FF9A;
 274 }
 275
 276 .unavailable {
 277         background-color : #FFED3D;
 278 }
 279
 280 /* action buttons */
 281 #action {
 282         margin-top : .5em;
 283 }
 284
 285 #action li {
 286         list-style : none;
 287 }
 288
 289 #action a {
 290         background-color : #F3F3F3;
 291         border : 1px solid #E8E8E8;
 292         display : block;
 293         margin : .2em;
 294         padding : .5em;
 295         text-decoration : none;
 296 }
 297
 298 /* the itemtype list in advanced search */
 299 #advsearch-itemtype table {
 300         border-collapse : separate;
 301         border-spacing : 3px;
 302         border : 0px;
 303         margin : 0px;
 304         background-color : white;
 305         border : 0px solid #D8DEB8;
 306 }
 307
 308 #advsearch-itemtype table tr td {
 309         background-color : #F8F8EB;
 310         border : 0px;
 311         margin : 0px;
 312         width : 700px;
 313 }
 314
 315 #advsearch-itemtype td {
 316         font-size : 0.8em;
 317         background-color : #F8F8EB;
 318 }
 319
 320 #auth {
 321         float : left;
 322 }
 323
 324 #facets {
 325
 326 }
 327
 328 /* the footer */
 329 #footer {
 330         margin-top : 30px;
 331         margin-left : 30%;
 332         margin-right : 20%;
 333         border-top : 1px solid #384b73;
 334         color : #384b73;
 335         font-size : 1em;
 336         text-align : center;
 337 }
 338
 339 /* facets bloc */
 340 /* the USER information block */
 341 #librarian_information {
 342         float : right;
 343         font-size : 10pt;
 344 }
 345
 346 #members {
 347         font-size : .8em;
 348         font-weight : bold;
 349         padding : 4px 0 4px 0;
 350         background-image : url(../../images/member-menu-background.gif);
 351         background-repeat : repeat-x;
 352         border-top : 1px solid #9999CC;
 353         border-bottom : 1px solid #9999CC;
 354         background-color : #AFBCCF;
 355         color : #000066;
 356 }
 357
 358 #members a {
 359         text-decoration : none;
 360 }
 361
 362 #members a.card {
 363         background-image : url(../images/card.gif);
 364         background-position : left;
 365         background-repeat : no-repeat;
 366         display : block;
 367         padding-left : 39px;
 368 }
 369
 370 #members a.logout {
 371         font-weight : bold;
 372         padding : 0 .3em 0 .3em;
 373         text-decoration : none;
 374 }
 375
 376 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
 377         background-image : url(../images/member-menu-background-logout.gif);
 378         background-repeat : repeat-x;
 379         color : #000000;
 380 }
 381
 382 #members a:hover.logout {
 383         background-image : url(../images/member-menu-background-logout-hover.gif);
 384         background-repeat : repeat-x;
 385         color : #000000;
 386 }
 387
 388 #members li {
 389         display : inline;
 390         list-style : none;
 391         margin : 0;
 392 }
 393
 394 #members ul {
 395         margin : 0;
 396         padding : 0;
 397         text-align : right;
 398 }
 399
 400 #members ul li a:link, #members ul li a:visited, #members span.members {
 401         background-image : url(../images/member-menu-background-link.gif);
 402         background-repeat : repeat-x;
 403         border-left : 1px solid #9999CC;
 404         color : #006699;
 405 }
 406
 407 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
 408         padding : 4px;
 409 }
 410
 411 #members ul li a:hover {
 412 }
 413
 414 #members ul li a:hover, #members ul li a:active {
 415         background-image : url(../images/member-menu-background-hover.gif);
 416         background-repeat : repeat-x;
 417 }
 418
 419 #members ul li:last-child {
 420 }
 421
 422 #members ul li:last-child a {
 423         border-right : 1px solid #9999CC;
 424 }
 425
 426 #opac-main-search {
 427         background-image : url( /opac-tmpl/prog/images/menu-background.gif);
 428         background-repeat : repeat-x;
 429         background-color : #6699CC;
 430         border-top : 1px solid #335599;
 431         border-bottom : 1px solid #335599;
 432         padding : 15px 0 15px 10px;
 433         color : #FFFFCC;
 434         font-size : 108%;
 435         line-height : 116%;
 436 }
 437
 438 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 439         color : #FFFFCC;
 440 }
 441
 442 #opac-main-search a:hover {
 443         color : #FFFFFF;
 444 }
 445
 446 #opac-main-search form {
 447         display : inline;
 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 label {
 603         display : block;
 604         font-weight : bold;
 605         padding : .3em 0;
 606 }
 607
 608 fieldset.brief ol, fieldset.brief li {
 609         list-style-type : none;
 610 }
 611
 612 fieldset.brief div.hint, fieldset.rows div.hint {
 613         color : #999999;
 614         font-size : 95%;
 615         margin-bottom : .4em;
 616 }
 617
 618 #menu {
 619         margin-top: 1em;
 620 }
 621
 622 h2 span.hint {
 623         font-size: 76%;
 624         font-weight : normal;
 625 }
 626 .thumbnail {
 627         border : 0;
 628         float : left;
 629         margin : 0pt 5px 5px 0pt;
 630 }
 631 a.cancel {
 632         padding-left : 1em;
 633 }
 634
 635 #usermenu {
 636         margin-top : 1em;
 637 }
 638
 639 #toolbar ul {
 640         margin : 1em 0 0 0;
 641         padding : 0;
 642 }
 643
 644 #toolbar ul li {
 645         display : inline;
 646         list-style : none;
 647 }
 648
 649 #toolbar ul li a {
 650         border : 1px solid #afbccf;
 651         padding : .3em;
 652         text-decoration : none;
 653         margin-right : .1em;
 654 }
 655
 656 .searchresults input, .searchresults label, .searchresults select {
 657         font-size: 90%;
 658 }
 659
 660 .searchresults label {
 661         float : right;
 662         margin-top : 5px;
 663 }
 664
 665 .searchresults p {
 666         margin: 0;
 667         padding: 0;
 668         padding-top : .6em;
 669 }
 670
 671 .searchresults p img {
 672         vertical-align: middle;
 673 }
 674
 675 .searchresults table td {
 676         vertical-align: top;
 677 }
 678
 679 p.searchresults {
 680         background-color : #EFF1DC;
 681         margin-top : -5px;
 682         vertical-align : middle;
 683         padding : 3px 3px 5px 5px;
 684 }
 685
 686 .searchresults td, .searchresults th, .searchresults table {
 687         border: 0;
 688 }
 689
 690 .searchresults tr {
 691         border-bottom : 1px solid #CCCCCC;
 692 }
 693
 694 .searchresults table {
 695         border-top : 0px solid #CCCCCC;
 696 }
 697
 698 p.availability {
 699         color:#666666;
 700 }
 701
 702 .available {
 703         font-size: 90%;
 704 }
 705
 706 .searchresults a.reserve, .searchresults a.reserve:visited {
 707         background-position:left top;
 708         background-repeat:no-repeat;
 709         float:right;
 710         padding:2px 3px 2px 26px;
 711 }
 712
 713 .searchresults a.reserve {
 714         background-color:transparent;
 715         color:#006699;
 716 }
 717
 718 input.reserve, a.reserve {
 719         background-image:url(/opac-tmpl/prog/images/placereserve.gif);
 720 }
 721
 722 a.reserve {
 723         background-color:#006699;
 724         color:White;
 725 }
 726 .unavailable {
 727         color: #990033;
 728 }