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         color : #FFFFFF;
 173         font-weight : bold;
 174         padding : 2px;
 175 }
 176
 177 p.searchresults {
 178         background-color : #EFF1DC;
 179 }
 180
 181 table {
 182         border-collapse : collapse;
 183         margin : 1em 0;
 184         border-right : 1px solid #dddddd;
 185         border-top : 1px solid #dddddd;
 186 }
 187
 188 td,th {
 189         border-left : 1px solid #dddddd;
 190         border-bottom : 1px solid #dddddd;
 191         padding : 3px 5px;
 192 }
 193
 194 th {
 195         background-color:#EFF1DC;
 196         font-weight : bold;
 197         padding : 2px 4px;
 198 }
 199
 200 th.sum {
 201         text-align: right;
 202 }
 203
 204 td.sum {
 205         background-color: #FFC;
 206         font-weight: bold;
 207 }
 208
 209 th[scope=row] {
 210         text-align : right;
 211 }
 212
 213 tr.highlight td, tr.highlight th {
 214         background-color : #F3F3F3;
 215         border : 1px solid #DDDDDD;
 216         border-right : 1px solid #DDDDDD;
 217 }
 218
 219 ul {
 220         list-style : disc;
 221         padding-left : 1em;
 222 }
 223
 224 li {
 225         list-style : disc;
 226 }
 227
 228 .available {
 229         font-size : 0.75em;
 230 }
 231
 232 .inwait {
 233         background-color : #33CC99;
 234 }
 235
 236 /* css styles for reserves color alerts */
 237 .onloan {
 238         background-color : #FFED3D;
 239 }
 240
 241 .other {
 242         background-color : #FF0000;
 243 }
 244
 245 /* "problem" enhancement */
 246 .problem {
 247         color : white;
 248         background-color : red;
 249 }
 250
 251 .reserved {
 252         background-color : #8EBAFF;
 253 }
 254
 255 /* style for search terms in catalogsearch */
 256 .term {
 257         background-color : #ffffe0;
 258         color : #990033;
 259 }
 260
 261 a .term {
 262         text-decoration : underline;
 263 }
 264
 265 .transfered {
 266         background-color : #F9FF9A;
 267 }
 268
 269 .unavailable {
 270         background-color : #FFED3D;
 271 }
 272
 273 /* action buttons */
 274 #action {
 275         margin-top : .5em;
 276 }
 277
 278 #action li {
 279         list-style : none;
 280 }
 281
 282 #action a {
 283         background-color : #F3F3F3;
 284         border : 1px solid #E8E8E8;
 285         display : block;
 286         margin : .2em;
 287         padding : .5em;
 288         text-decoration : none;
 289 }
 290
 291 /* the itemtype list in advanced search */
 292 #advsearch-itemtype table {
 293         border-collapse : separate;
 294         border-spacing : 3px;
 295         border : 0px;
 296         margin : 0px;
 297         background-color : white;
 298         border : 0px solid #D8DEB8;
 299 }
 300
 301 #advsearch-itemtype table tr td {
 302         background-color : #F8F8EB;
 303         border : 0px;
 304         margin : 0px;
 305         width : 700px;
 306 }
 307
 308 #advsearch-itemtype td {
 309         font-size : 0.8em;
 310         background-color : #F8F8EB;
 311 }
 312
 313 #auth {
 314         float : left;
 315 }
 316
 317 #facets {
 318
 319 }
 320
 321 /* the footer */
 322 #footer {
 323         margin-top : 30px;
 324         margin-left : 30%;
 325         margin-right : 20%;
 326         border-top : 1px solid #384b73;
 327         color : #384b73;
 328         font-size : 1em;
 329         text-align : center;
 330 }
 331
 332 /* facets bloc */
 333 /* the USER information block */
 334 #librarian_information {
 335         float : right;
 336         font-size : 10pt;
 337 }
 338
 339 #members {
 340         font-size : .8em;
 341         font-weight : bold;
 342         padding : 4px 0 4px 0;
 343         background-image : url(../../images/member-menu-background.gif);
 344         background-repeat : repeat-x;
 345         border-top : 1px solid #9999CC;
 346         border-bottom : 1px solid #9999CC;
 347         background-color : #AFBCCF;
 348         color : #000066;
 349 }
 350
 351 #members a {
 352         text-decoration : none;
 353 }
 354
 355 #members a.card {
 356         background-image : url(../images/card.gif);
 357         background-position : left;
 358         background-repeat : no-repeat;
 359         display : block;
 360         padding-left : 39px;
 361 }
 362
 363 #members a.logout {
 364         font-weight : bold;
 365         padding : 0 .3em 0 .3em;
 366         text-decoration : none;
 367 }
 368
 369 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
 370         background-image : url(../images/member-menu-background-logout.gif);
 371         background-repeat : repeat-x;
 372         color : #000000;
 373 }
 374
 375 #members a:hover.logout {
 376         background-image : url(../images/member-menu-background-logout-hover.gif);
 377         background-repeat : repeat-x;
 378         color : #000000;
 379 }
 380
 381 #members li {
 382         display : inline;
 383         list-style : none;
 384         margin : 0;
 385 }
 386
 387 #members ul {
 388         margin : 0;
 389         padding : 0;
 390         text-align : right;
 391 }
 392
 393 #members ul li a:link, #members ul li a:visited, #members span.members {
 394         background-image : url(../images/member-menu-background-link.gif);
 395         background-repeat : repeat-x;
 396         border-left : 1px solid #9999CC;
 397         color : #006699;
 398 }
 399
 400 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
 401         padding : 4px;
 402 }
 403
 404 #members ul li a:hover {
 405 }
 406
 407 #members ul li a:hover, #members ul li a:active {
 408         background-image : url(../images/member-menu-background-hover.gif);
 409         background-repeat : repeat-x;
 410 }
 411
 412 #members ul li:last-child {
 413 }
 414
 415 #members ul li:last-child a {
 416         border-right : 1px solid #9999CC;
 417 }
 418
 419 #opac-main-search {
 420         background-image : url( /opac-tmpl/prog/images/menu-background.gif);
 421         background-repeat : repeat-x;
 422         background-color : #6699CC;
 423         border-top : 1px solid #335599;
 424         border-bottom : 1px solid #335599;
 425         padding : 15px 0 15px 10px;
 426         color : #FFFFCC;
 427         font-size : 108%;
 428         line-height : 116%;
 429 }
 430
 431 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 432         color : #FFFFCC;
 433 }
 434
 435 #opac-main-search a:hover {
 436         color : #FFFFFF;
 437 }
 438
 439 #opac-main-search form {
 440         display : inline;
 441 }
 442
 443 #opac-main-search label {
 444         font-weight : bold;
 445 }
 446
 447 /***********************************************************/
 448 /* the user menu, for user option (and biblio detail view) */
 449 /***********************************************************/
 450
 451 .suggestion {
 452         background-color : #EEEEEB;
 453         border : 1px solid #DDDED3;
 454         margin : 10px auto;
 455         padding : 4px;
 456         width : 35%;
 457 }
 458
 459 #facets ul {
 460         margin : 0;
 461         padding : 0;
 462 }
 463
 464 #facets ul li {
 465         font-weight : bold;
 466         text-align : left;
 467         list-style : none;
 468 }
 469
 470 #facets ul ul li {
 471         border : 0;
 472         font-size : 85%;
 473         font-weight : normal;
 474         padding : 2px;
 475         text-align : left;
 476 }
 477
 478 #facets ul ul li a {
 479         font-weight : normal;
 480         text-decoration : underline;
 481 }
 482
 483 #facets h4 {
 484         font-size : 93%;
 485         padding:3px;
 486         text-align:center;
 487         background-color:#E7E7CA;
 488         line-height:1.8em;
 489         margin-left:-1px;
 490         margin-right:-1px;
 491         margin-top:-1px;
 492 }
 493
 494 #breadcrumbs {
 495         padding : .7em;
 496 }
 497
 498 strong {
 499         font-weight : bold;
 500 }
 501
 502 em {
 503         font-style : italic;
 504 }
 505
 506 #catalogue_detail_biblio {
 507         font-size : 90%;
 508         clear : left;
 509         margin: .9em 0 0 0;
 510         padding: 0;
 511         width: 100%;
 512 }
 513
 514 #catalogue_detail_biblio p span.label {
 515         float: left;
 516         font-weight : bold;
 517         width: 11em;
 518         margin-right: 1em;
 519 }
 520
 521 #catalogue_detail_biblio p {
 522         float : left;
 523         clear : left;
 524         padding-bottom: .3em;
 525         list-style-type: none;
 526         width: 100%;
 527 }
 528
 529 #catalogue_detail_biblio p span.biblionotes {
 530         margin-left : 6em;
 531 }
 532
 533 .toptabs {
 534         margin-top : 1em;
 535 }
 536
 537 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 538     top: 0;
 539  }
 540
 541 .toptabs .tabs-nav li {
 542         margin-right : .5em;
 543 }
 544
 545 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 546         background-color : #F3F3F3;
 547         border-top : 1px solid #E8E8E8;
 548         border-left : 1px solid #E8E8E8;
 549         border-right : 1px solid #E8E8E8;
 550         border-bottom : 0;
 551         text-align : center;
 552         text-decoration : none;
 553 }
 554
 555 .toptabs .tabs-nav li.tabs-selected  {
 556         background-color : #FFF;
 557 }
 558
 559 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 560         background-color : #FFF;
 561         border-top : 1px solid #E8E8E8;
 562         border-left : 1px solid #E8E8E8;
 563         border-right : 1px solid #E8E8E8;
 564         border-bottom : 1px solid #FFF;
 565         margin-bottom : -5px;
 566         padding-bottom : 5px;
 567         text-align : center;
 568 }
 569
 570 .toptabs.numbered .tabs-nav li {
 571         min-width : 3em;
 572 }
 573
 574 .toptabs .tabs-container {
 575         border : 1px solid #E8E8E8;
 576         padding : 1em;
 577 }
 578
 579 .tabs-container {
 580     border-top: 0;
 581     padding : inherit;
 582     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 583 }
 584
 585 #bookcover {
 586         padding : 1em;
 587         margin : 0 1em 1em 0;
 588         float : left;
 589 }
 590
 591 fieldset.brief {
 592         border : 1px solid #E8E8E8;
 593 }
 594
 595 fieldset.brief label {
 596         display : block;
 597         font-weight : bold;
 598         padding : .3em 0;
 599 }
 600
 601 fieldset.brief ol, fieldset.brief li {
 602         list-style-type : none;
 603 }
 604
 605 fieldset.brief div.hint, fieldset.rows div.hint {
 606         color : #999999;
 607         font-size : 95%;
 608         margin-bottom : .4em;
 609 }
 610
 611 #menu {
 612         margin-top: 1em;
 613 }
 614
 615 h2 span.hint {
 616         font-size: 76%;
 617         font-weight : normal;
 618 }
 619 .thumbnail {
 620         border : 0;
 621         float : left;
 622         margin : 0pt 5px 5px 0pt;
 623 }
 624 a.cancel {
 625         padding-left : 1em;
 626 }