koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

   1 @import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all;
   2
   3 a, a:link, a:visited, a:active {
   4         color : #0000CC;
   5 }
   6
   7 a:hover {
   8         color : #669ACC;
   9 }
  10
  11 body {
  12         text-align : left;
  13 }
  14
  15 br.clear {
  16         clear : both;
  17         line-height : 1px;
  18 }
  19
  20 form {
  21         display : inline;
  22 }
  23
  24 h1 {
  25         font-size : 161.6%;
  26         font-weight : bold;
  27 }
  28
  29 h2 {
  30         font-size : 146.5%;
  31         font-weight : bold;
  32 }
  33
  34 h3 {
  35         font-size : 131%;
  36         font-weight : bold;
  37 }
  38
  39 h4 {
  40         font-size : 116%;
  41         font-weight : bold;
  42 }
  43
  44 h5 {
  45         font-size : 100%;
  46         font-weight : bold;
  47 }
  48
  49 h6 {
  50         font-size : 93%;
  51         font-weight : bold;
  52 }
  53
  54 p {
  55         margin: .5em 0 .5em 0;
  56 }
  57
  58 strong {
  59         font-weight : bold;
  60 }
  61
  62 em {
  63         font-style : italic;
  64 }
  65
  66 .subfield-label {
  67     font-style : italic;
  68 }
  69
  70 #hd {
  71 }
  72
  73 #navigation {
  74         border-right : 1px solid #BCBCBC;
  75 }
  76
  77 #navigation li {
  78         font-weight : bold;
  79 }
  80
  81 #navigation li li {
  82         font-weight : normal;
  83 }
  84
  85 #navigation input {
  86         font-size : 85%;
  87 }
  88
  89 #ft {
  90 }
  91
  92 .yui-u {
  93 }
  94
  95 #doc, #doc1, #doc2, #doc3 {
  96         padding-top : 1em;
  97 }
  98
  99 #login   {
 100         position : absolute;
 101         top : 3px;
 102         right : .5em;
 103 }
 104
 105 #login a {
 106
 107 }
 108
 109 ul {
 110         padding-left : 1.1em;
 111 }
 112
 113 li {
 114
 115         list-style-type : disc;
 116 }
 117
 118 li li {
 119         list-style-type : circle;
 120 }
 121
 122 #header {
 123         background-color : #F3F3F3;
 124         border-bottom : 1px solid #E8E8E8;
 125 }
 126
 127 #header:after { /* clearing without presentational markup, IE gets extra treatment */
 128     display: block;
 129     clear: both;
 130     content: " ";
 131 }
 132
 133 #sitetitle {
 134 /*      background-image : url("../../img/koha-logo-black.png");
 135         background-position : 5px 2px;
 136         background-repeat : no-repeat;
 137         float : left;
 138         height : 54px;
 139         padding-left : 50px;*/
 140         border-bottom : 1px solid #E8E8E8;
 141 }
 142
 143 #sitetitle h1 {
 144         display : inline;
 145         line-height : 54px;
 146 }
 147
 148 #sitetitle h1 a {
 149         text-decoration : none;
 150 }
 151
 152 #toplevelnav {
 153         float : left;
 154         line-height : 2em;
 155 }
 156
 157 #submenu {
 158         margin : 0 0 .5em 0;
 159         padding : 0;
 160 }
 161
 162 #submenu ul {
 163         margin : 0;
 164         padding : 0;
 165 }
 166
 167 #submenu ul li {
 168         padding-left : 0;
 169 }
 170
 171 /*#toplevelnav ul {
 172         margin : 0;
 173         padding : 0;
 174 }
 175
 176 #toplevelnav li, #submenu li {
 177         display : inline;
 178         border-right : 1px solid #E8E8E8;
 179         padding : 0 .5em;
 180         white-space : nowrap;
 181 }
 182
 183 #toplevelnav li:last-child, #submenu li:last-child {
 184         border : 0;
 185 }*/
 186
 187 table {
 188         border-collapse : collapse;
 189         border-top : 1px solid #BCBCBC;
 190         border-right : 1px solid #BCBCBC;
 191 }
 192
 193 td, th {
 194         border-bottom : 1px solid #BCBCBC;
 195         border-left : 1px solid #BCBCBC;
 196         padding : .2em .3em;
 197 }
 198
 199 td {
 200         background-color : White;
 201 }
 202
 203 th {
 204         background-color : #E8E8E8;
 205         font-weight : bold;
 206 }
 207
 208 td.highlight {
 209         background-color : #F3F3F3;
 210 }
 211
 212 caption {
 213         font-size : 153.9%;
 214         font-weight : bold;
 215 }
 216
 217 span.problem {
 218         background-color : #FFFFCC;
 219         color : #990000;
 220         font-weight : bold;
 221         line-height : 1.7em;
 222 }
 223
 224 fieldset {
 225         border : 2px solid #EEEEEE;
 226         margin : 1em 1em 1em 0;
 227         padding : 1em;
 228 }
 229
 230 legend {
 231         font-size : 123.1%;
 232         font-weight : bold;
 233         margin : 0 0 0 -1em;
 234         padding : 0;
 235 }
 236
 237 #breadcrumbs {
 238         background-color : #F3F3F3;
 239         border-bottom : 1px solid #E8E8E8;
 240         clear : both;
 241         font-size : 90%;
 242         padding :.2em .5em .4em .5em;
 243 }
 244
 245 #commonsearch {
 246         display : inline;
 247 }
 248
 249
 250 div#header_search {
 251         background-image : url("../../img/koha-logo-medium.gif");
 252         background-position : .5em .5em;
 253         background-repeat : no-repeat;
 254         float: left;
 255         padding-left : 14.2em;
 256         margin: .3em 0 .5em 0;
 257         min-height : 52px;
 258 }
 259
 260 div#header_search input {
 261         font-size : 1.3em;
 262 }
 263
 264 div#header_search ul.link-tabs {
 265         font-family : Arial, Geneva, sans-serif;
 266         margin-bottom : -4px;
 267 }
 268
 269 div#header_search ul.link-tabs li.on a,
 270 div#header_search ul.link-tabs li a,
 271 div#header_search ul.link-tabs li.off a {
 272         padding : 0.1em .5em .2em .5em;
 273 }
 274
 275 div#header_search div.residentsearch {
 276         border : 0;
 277         border-bottom : 1px solid #FF9900;
 278         padding : 0 0 .2em 0;
 279 }
 280
 281 div#reserves,div#checkouts {
 282         border : 1px solid #E8E8E8;
 283         padding : 1em;
 284 }
 285
 286 div#header_search .tip {
 287         font-size: 93%;
 288         color : Gray;
 289 }
 290
 291 .ex {
 292         font-family : "Courier New", Courier, fixed-width;
 293         font-weight : bold;
 294 }
 295
 296 /* ClickMenu Overrides */
 297
 298 ul#toplevelmenu li {
 299         display : inline;
 300         list-style: none;
 301 }
 302
 303 ul#toplevelmenu li ul {
 304 }
 305
 306 div.cmDiv
 307 {
 308         border: 0;
 309         background-color: #F3F3F3;
 310 }
 311
 312 .clickMenu li.more a {
 313         background-image: url("../../img/more-arrow.gif");
 314         background-position: right;
 315         background-repeat: no-repeat;
 316         padding-right : 13px;
 317 }
 318
 319 .clickMenu li.more li a {
 320         background-image : none;
 321         padding-right : 0;
 322 }
 323
 324 .clickMenu
 325 {
 326         margin: 0;
 327         padding: 0;
 328         cursor: default;
 329 }
 330 .clickMenu, .clickMenu ul
 331 {
 332         list-style: none;
 333 }
 334 .clickMenu ul
 335 {
 336         margin: 0;
 337         padding: 2px;
 338         border: 0;
 339         background-color: #F3F3F3;
 340         min-width: 100px; /* ie doesnt know this :/ */
 341         //float: left;/*ie again*/
 342         //width: 100%;/*and again*/
 343 }
 344 .clickMenu div.outerbox
 345 {
 346         display: none;
 347         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 348 }
 349 .clickMenu div.inner
 350 {
 351         //top: 20px; /* for ie */
 352         left: 0;
 353         margin: 0;
 354 }
 355 .clickMenu div.inner div.outerbox
 356 {
 357         margin: 0;
 358         left: 98px;
 359         //left: 90px; /* for ie */
 360         top: -3px;
 361 }
 362 .clickMenu li
 363 {
 364         list-style-type : none;
 365         position: relative;
 366         padding: 0 20px 0 2px;
 367         /*white-space: nowrap; does not really work in ie */
 368 }
 369 .clickMenu li.main
 370 {
 371         float: left;
 372         padding: 0 10px;
 373         background-color: #F3F3F3;
 374         //height: 20px; /* for ie */
 375 }
 376 .clickMenu li.main li
 377 {
 378         z-index: 2;
 379         min-width: 78px;
 380 }
 381 .clickMenu li.hover
 382 {
 383         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 384         background-color : transparent;
 385 }
 386 .clickMenu img.liArrow
 387 {
 388         position: absolute;
 389         right: 5px;
 390         top: 0.41em;
 391 }
 392 .clickMenu ul a {
 393         cursor: default;
 394 }
 395
 396 ul.innerBox a {
 397         cursor : pointer;
 398 }
 399
 400 ul.innerBox {
 401         border: 1px solid #E8E8E8;
 402 }
 403
 404 div.yui-b h5 {
 405         font-size : 100%;
 406         margin : .5em 0;
 407 }
 408
 409 dt {
 410         font-size : 110%;
 411         font-weight : bold;
 412 }
 413
 414 dd {
 415         padding : .2em;
 416         text-indent : 1.5em;
 417 }
 418
 419 div#toolbar {
 420         background-color : #F3F3F3;
 421         margin-bottom : .7em;
 422 }
 423
 424 ul.toolbar {
 425         padding-left : 0;
 426 }
 427
 428 .yui-menu-button  {
 429
 430 }
 431
 432 ul.toolbar li {
 433         display : inline;
 434         list-style : none;
 435 }
 436
 437 div.message {
 438    border : 1px solid #6699CC;
 439         width : 33%;
 440         margin : 1em;
 441         padding : .5em;
 442 }
 443
 444 div.patroninfo {
 445         margin-top : -.5em;
 446 }
 447
 448 div.patroninfo h5 {
 449         background-color : #FCFAF3;
 450         /*border-top :  1px solid #CCCC99;
 451         border-left :  1px solid #CCCC99;*/
 452         border-right :  1px solid #CCCC99;
 453         margin-bottom : 0;
 454         padding-left : .5em;
 455         padding-top : .3em;
 456         padding-bottom : .5em;
 457 }
 458
 459 div.patroninfo ul {
 460         /*border : 1px solid #CCCC99;*/
 461         border-right : 1px solid #CCCC99;
 462         border-bottom : 0;
 463         border-top : 0;
 464         background-color : #FCFAF3;
 465         padding-bottom : .5em;
 466 }
 467
 468 div.patroninfo ul li, div.patronviews ul li {
 469         list-style-type : none;
 470 }
 471
 472 div.patronviews {
 473         background-color : #FDFCF7;
 474         /*border-left : 1px solid #CCCC99;
 475         border-bottom : 1px solid #CCCC99;*/
 476         border-right :  1px solid #CCCC99;
 477         border-top : 1px solid #CCCC99;
 478         margin-bottom : .5em;
 479         padding : .5em 0 .5em 0;
 480 }
 481
 482 a.member-edit {
 483         float : right;
 484         background-color : #DBECC8;
 485         margin-top : .5em;
 486         padding : .3em;
 487         text-align : right;
 488         text-decoration : none;
 489 }
 490
 491 fieldset.brief {
 492         border : 1px solid #E8E8E8;
 493 }
 494
 495 fieldset.brief label {
 496         display : block;
 497         font-weight : bold;
 498         padding : .3em 0;
 499 }
 500
 501 fieldset.brief div.hint {
 502         color : #999999;
 503         font-size : 80%;
 504         margin-bottom : .4em;
 505 }
 506
 507 fieldset.rows {
 508 border-width : 1px;
 509 border-bottom : 1px solid black;
 510 float : left;
 511 font-size : 90%;
 512 clear : left;
 513 margin: .9em 0 0 0;
 514 padding: 0;
 515 width: 100%;
 516 }
 517
 518 fieldset.rows legend {
 519         margin-left: 1em;
 520         font-weight: bold;
 521         font-size : 110%;
 522 }
 523
 524 fieldset.rows label, fieldset.rows span.label {
 525         float: left;
 526         font-weight : bold;
 527         width: 9em;
 528         margin-right: 1em;
 529         text-align: right;
 530 }
 531
 532 fieldset.rows.left label, fieldset.rows.left span.label {
 533         width : 8em;
 534         text-align : left;
 535 }
 536
 537 fieldset.rows ol {
 538 padding: 1em 1em 0 1em;
 539 list-style-type: none;
 540 }
 541
 542 fieldset.rows li {
 543 float : left;
 544 clear : left;
 545 padding-bottom: 1em;
 546 list-style-type: none;
 547 width: 100%;
 548 }
 549
 550 fieldset.rows.left li {
 551         padding-bottom : .4em;
 552 }
 553
 554 fieldset.rows li.radio {
 555         padding-left: 9em;
 556         width : auto;
 557 }
 558
 559 fieldset.rows li.radio label {
 560         float : none;
 561         width : auto;
 562         margin : 0 0 0 1em;
 563 }
 564
 565 fieldset.rows ol.radio label {
 566         width : auto;
 567         float : none;
 568         margin-right : 0;
 569 }
 570
 571 fieldset.rows ol.radio label.radio {
 572         float : left;
 573         width : 12em;
 574         margin-right : 1em;
 575 }
 576
 577 fieldset.rows table {
 578         clear : both;
 579         margin-left : 1em;
 580 }
 581
 582 fieldset.rows td label {
 583         float : none;
 584         font-weight : normal;
 585         width : auto;
 586 }
 587
 588 fieldset.action {
 589         clear : both;
 590         float : none;
 591         border : none;
 592         margin : 0;
 593         padding : 1em 0 .3em 0;
 594         width : auto;
 595 }
 596
 597 fieldset.rows fieldset.action {
 598         padding : 0 0 1em 1em;
 599 }
 600
 601 fieldset.rows .inputnote {
 602         float : left;
 603         margin : .5em 0 0 10em;
 604 }
 605
 606 .tabs-nav li {
 607         list-style : none;
 608 }
 609
 610 .tabs-nav a, .tabs-nav a span {
 611    background : none;
 612         padding: .2em .5em .25em .5em;
 613 }
 614
 615 .tabs-nav a {
 616     z-index : auto;
 617 }
 618
 619 .tabs-nav .tabs-selected a {
 620         background-color : #FFFFCC;
 621         border-top: 1px solid #FFFFCC;
 622         border-right: 1px solid #FF9900;
 623         border-bottom: 1px solid #FF9900;
 624         border-left: 1px solid #FFCC66;
 625         font-weight : bold;
 626         text-align : center;
 627         text-decoration : none;
 628         top : -1px;
 629 }
 630
 631 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 632     background-position : inherit;
 633     outline: 0; /* prevent dotted border in Firefox */
 634 }
 635 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 636     background-position: inherit;
 637 }
 638
 639 .tabs-nav .tabs-selected a:hover {
 640         color : #0000CC;
 641 }
 642
 643 .tabs-nav li.tabs-selected {
 644         background-color : #FFFFCC;
 645 }
 646
 647 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 648          background : none;
 649     outline: 0; /* prevent dotted border in Firefox */
 650 }
 651
 652 .tabs-container {
 653     border-top: 0;
 654     padding : inherit;
 655     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 656 }
 657 .tabs-loading em {
 658     padding: inherit;
 659     background: none;
 660 }
 661
 662 .toptabs .tabs-nav a {
 663     top: 0;
 664  }
 665
 666 .toptabs .tabs-nav li {
 667         margin-right : .5em;
 668 }
 669
 670 .toptabs .tabs-nav li a {
 671         background-color : #F3F3F3;
 672         border-top : 1px solid #E8E8E8;
 673         border-left : 1px solid #E8E8E8;
 674         border-right : 1px solid #E8E8E8;
 675         border-bottom : 0;
 676         text-align : center;
 677         text-decoration : none;
 678 }
 679
 680 .toptabs .tabs-nav li.tabs-selected  {
 681         background-color : #FFF;
 682 }
 683
 684 .toptabs .tabs-nav li.tabs-selected a {
 685         background-color : #FFF;
 686         border-top : 1px solid #E8E8E8;
 687         border-left : 1px solid #E8E8E8;
 688         border-right : 1px solid #E8E8E8;
 689         border-bottom : 1px solid #FFF;
 690         margin-bottom : -5px;
 691         text-align : center;
 692 }
 693
 694 .toptabs.numbered .tabs-nav li {
 695         min-width : 3em;
 696 }
 697
 698 .toptabs .tabs-container {
 699         border : 1px solid #E8E8E8;
 700         padding : 1em;
 701 }
 702
 703 .checkedout {
 704         color : #999999;
 705         font-style : italic;
 706 }
 707
 708 .subfield_not_filled {
 709         background-color : #FFFF99;
 710 }
 711 .content_hidden {
 712     visibility:hidden; /* you propably don't need to change this one */
 713     display:none;
 714 }
 715
 716 /* the property for the displayed tab */
 717 .content_visible {
 718     visibility:visible; /* you propably don't need to change this one */
 719     display:block;
 720 }
 721 #addbiblio a {
 722         padding-left : 34px;
 723         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
 724         background-position : center left;
 725         background-repeat : no-repeat;
 726 }
 727
 728 #deletebiblio a {
 729         padding-left : 34px;
 730         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
 731         background-position : center left;
 732         background-repeat : no-repeat;
 733 }
 734
 735 #printbiblio a {
 736         padding-left : 34px;
 737         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
 738         background-position : center left;
 739         background-repeat : no-repeat;
 740 }
 741
 742 #addtoshelf a {
 743         padding-left : 34px;
 744         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
 745         background-position : center left;
 746         background-repeat : no-repeat;
 747 }
 748
 749 #placehold a {
 750         padding-left : 34px;
 751         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
 752         background-position : center left;
 753         background-repeat : no-repeat;
 754 }
 755
 756 div.error {
 757         border : 2px dashed #990000;
 758         background-color : #FFFF99;
 759         padding : .5em;
 760         margin : 1em;
 761 }
 762
 763 ol.bibliodetails {
 764         float: left;
 765         margin : 0 0 1em 1em;
 766 }
 767
 768 ol.bibliodetails li {
 769         border-bottom: 1px solid #E8E8E8;
 770         list-style-type : none;
 771         padding : .1em;
 772 }
 773
 774 ol.bibliodetails span.label {
 775         border-right : 1px solid #E8E8E8;
 776         float : left;
 777         font-weight: bold;
 778         width: 12em;
 779         margin-right: 1em;
 780 }
 781
 782 div.sysprefs h3 {
 783         margin : .2em 0 .2em .4em;
 784 }
 785
 786 div.sysprefs dl {
 787         margin-left : 1.5em;
 788 }
 789
 790 div.sysprefs div.hint {
 791         width : 25%;
 792         float : right;
 793         padding : .5em;
 794         margin : .7em;
 795 }
 796
 797 tr.highlight td {
 798         background-color : #F6F6F6;
 799 }
 800
 801 #circ_circulation_issue label {
 802         font-size: 105%;
 803         font-weight : bold;
 804 }
 805
 806 #circ_circulation_issue div.hint {
 807         color : #666666;
 808         margin: .2em 0;
 809 }