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

   1 @import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
   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         white-space : nowrap;
 323 }
 324
 325 .clickMenu
 326 {
 327         margin: 0;
 328         padding: 0;
 329         cursor: default;
 330 }
 331 .clickMenu, .clickMenu ul
 332 {
 333         list-style: none;
 334 }
 335 .clickMenu ul
 336 {
 337         margin: 0;
 338         padding: 2px;
 339         border: 0;
 340         background-color: #F3F3F3;
 341         min-width: 100px; /* ie doesnt know this :/ */
 342         //float: left;/*ie again*/
 343         //width: 100%;/*and again*/
 344 }
 345 .clickMenu div.outerbox
 346 {
 347         display: none;
 348         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 349 }
 350 .clickMenu div.inner
 351 {
 352         //top: 20px; /* for ie */
 353         left: 0;
 354         margin: 0;
 355 }
 356 .clickMenu div.inner div.outerbox
 357 {
 358         margin: 0;
 359         left: 98px;
 360         //left: 90px; /* for ie */
 361         top: -3px;
 362 }
 363 .clickMenu li
 364 {
 365         list-style-type : none;
 366         position: relative;
 367         padding: 0 20px 0 2px;
 368         /*white-space: nowrap; does not really work in ie */
 369 }
 370 .clickMenu li.main
 371 {
 372         float: left;
 373         padding: 0 10px;
 374         background-color: #F3F3F3;
 375         //height: 20px; /* for ie */
 376 }
 377 .clickMenu li.main li
 378 {
 379         z-index: 2;
 380         min-width: 78px;
 381 }
 382 .clickMenu li.hover
 383 {
 384         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 385         background-color : transparent;
 386 }
 387 .clickMenu img.liArrow
 388 {
 389         position: absolute;
 390         right: 5px;
 391         top: 0.41em;
 392 }
 393 .clickMenu ul a {
 394         cursor: default;
 395 }
 396
 397 ul.innerBox a {
 398         cursor : pointer;
 399 }
 400
 401 ul.innerBox {
 402         border: 1px solid #E8E8E8;
 403 }
 404
 405 div.yui-b h5 {
 406         font-size : 100%;
 407         margin : .5em 0;
 408 }
 409
 410 dt {
 411         font-size : 110%;
 412         font-weight : bold;
 413 }
 414
 415 dd {
 416         padding : .2em;
 417         text-indent : 1.5em;
 418 }
 419
 420 div#toolbar {
 421         background-color : #F3F3F3;
 422         margin-bottom : .7em;
 423 }
 424
 425 ul.toolbar {
 426         padding-left : 0;
 427 }
 428
 429 .yui-menu-button  {
 430
 431 }
 432
 433 ul.toolbar li {
 434         display : inline;
 435         list-style : none;
 436 }
 437
 438 div.message {
 439    border : 1px solid #6699CC;
 440         width : 33%;
 441         margin : 1em;
 442         padding : .5em;
 443 }
 444
 445 div.patroninfo {
 446         margin-top : -.5em;
 447 }
 448
 449 div.patroninfo h5 {
 450         background-color : #FCFAF3;
 451         /*border-top :  1px solid #CCCC99;
 452         border-left :  1px solid #CCCC99;*/
 453         border-right :  1px solid #CCCC99;
 454         margin-bottom : 0;
 455         padding-left : .5em;
 456         padding-top : .3em;
 457         padding-bottom : .5em;
 458 }
 459
 460 div.patroninfo ul {
 461         /*border : 1px solid #CCCC99;*/
 462         border-right : 1px solid #CCCC99;
 463         border-bottom : 0;
 464         border-top : 0;
 465         background-color : #FCFAF3;
 466         padding-bottom : .5em;
 467 }
 468
 469 div.patroninfo ul li, div.patronviews ul li {
 470         list-style-type : none;
 471 }
 472
 473 div.patronviews {
 474         background-color : #FDFCF7;
 475         /*border-left : 1px solid #CCCC99;
 476         border-bottom : 1px solid #CCCC99;*/
 477         border-right :  1px solid #CCCC99;
 478         border-top : 1px solid #CCCC99;
 479         margin-bottom : .5em;
 480         padding : .5em 0 .5em 0;
 481 }
 482
 483 a.member-edit {
 484         float : right;
 485         background-color : #DBECC8;
 486         margin-top : .5em;
 487         padding : .3em;
 488         text-align : right;
 489         text-decoration : none;
 490 }
 491
 492 fieldset.brief {
 493         border : 1px solid #E8E8E8;
 494 }
 495
 496 fieldset.brief label {
 497         display : block;
 498         font-weight : bold;
 499         padding : .3em 0;
 500 }
 501
 502 fieldset.brief ol, fieldset.brief li {
 503         list-style-type : none;
 504 }
 505
 506 fieldset.brief div.hint {
 507         color : #999999;
 508         font-size : 90%;
 509         margin-bottom : .4em;
 510 }
 511
 512 fieldset.rows {
 513 border-width : 1px;
 514 border-bottom : 1px solid black;
 515 float : left;
 516 font-size : 90%;
 517 clear : left;
 518 margin: .9em 0 0 0;
 519 padding: 0;
 520 width: 100%;
 521 }
 522
 523 fieldset.rows legend {
 524         margin-left: 1em;
 525         font-weight: bold;
 526         font-size : 110%;
 527 }
 528
 529 fieldset.rows label, fieldset.rows span.label {
 530         float: left;
 531         font-weight : bold;
 532         width: 9em;
 533         margin-right: 1em;
 534         text-align: right;
 535 }
 536
 537 fieldset.rows.left label, fieldset.rows.left span.label {
 538         width : 8em;
 539         text-align : left;
 540 }
 541
 542 fieldset.rows ol {
 543 padding: 1em 1em 0 1em;
 544 list-style-type: none;
 545 }
 546
 547 fieldset.rows li {
 548 float : left;
 549 clear : left;
 550 padding-bottom: 1em;
 551 list-style-type: none;
 552 width: 100%;
 553 }
 554
 555 fieldset.rows.left li {
 556         padding-bottom : .4em;
 557 }
 558
 559 fieldset.rows li.radio {
 560         padding-left: 9em;
 561         width : auto;
 562 }
 563
 564 fieldset.rows li.radio label {
 565         float : none;
 566         width : auto;
 567         margin : 0 0 0 1em;
 568 }
 569
 570 fieldset.rows ol.radio label {
 571         width : auto;
 572         float : none;
 573         margin-right : 0;
 574 }
 575
 576 fieldset.rows ol.radio label.radio {
 577         float : left;
 578         width : 12em;
 579         margin-right : 1em;
 580 }
 581
 582 fieldset.rows table {
 583         clear : both;
 584         margin-left : 1em;
 585 }
 586
 587 fieldset.rows td label {
 588         float : none;
 589         font-weight : normal;
 590         width : auto;
 591 }
 592
 593 fieldset.action {
 594         clear : both;
 595         float : none;
 596         border : none;
 597         margin : 0;
 598         padding : 1em 0 .3em 0;
 599         width : auto;
 600 }
 601
 602 fieldset.rows fieldset.action {
 603         padding : 0 0 1em 1em;
 604 }
 605
 606 fieldset.rows .inputnote {
 607         float : left;
 608         margin : .5em 0 0 10em;
 609 }
 610
 611 .tabs-nav li {
 612         list-style : none;
 613 }
 614
 615 .tabs-nav a, .tabs-nav a span {
 616    background : none;
 617         padding: .2em .5em .25em .5em;
 618 }
 619
 620 .tabs-nav a {
 621     z-index : auto;
 622 }
 623
 624 .tabs-nav .tabs-selected a {
 625         background-color : #FFFFCC;
 626         border-top: 1px solid #FFFFCC;
 627         border-right: 1px solid #FF9900;
 628         border-bottom: 1px solid #FF9900;
 629         border-left: 1px solid #FFCC66;
 630         font-weight : bold;
 631         text-align : center;
 632         text-decoration : none;
 633         top : -1px;
 634 }
 635
 636 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 637     background-position : inherit;
 638     outline: 0; /* prevent dotted border in Firefox */
 639 }
 640 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 641     background-position: inherit;
 642 }
 643
 644 .tabs-nav .tabs-selected a:hover {
 645         color : #0000CC;
 646 }
 647
 648 .tabs-nav li.tabs-selected {
 649         background-color : #FFFFCC;
 650 }
 651
 652 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 653          background : none;
 654     outline: 0; /* prevent dotted border in Firefox */
 655 }
 656
 657 .tabs-container {
 658     border-top: 0;
 659     padding : inherit;
 660     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 661 }
 662 .tabs-loading em {
 663     padding: inherit;
 664     background: none;
 665 }
 666
 667 .toptabs .tabs-nav a {
 668     top: 0;
 669  }
 670
 671 .toptabs .tabs-nav li {
 672         margin-right : .5em;
 673 }
 674
 675 .toptabs .tabs-nav li a {
 676         background-color : #F3F3F3;
 677         border-top : 1px solid #E8E8E8;
 678         border-left : 1px solid #E8E8E8;
 679         border-right : 1px solid #E8E8E8;
 680         border-bottom : 0;
 681         text-align : center;
 682         text-decoration : none;
 683 }
 684
 685 .toptabs .tabs-nav li.tabs-selected  {
 686         background-color : #FFF;
 687 }
 688
 689 .toptabs .tabs-nav li.tabs-selected a {
 690         background-color : #FFF;
 691         border-top : 1px solid #E8E8E8;
 692         border-left : 1px solid #E8E8E8;
 693         border-right : 1px solid #E8E8E8;
 694         border-bottom : 1px solid #FFF;
 695         margin-bottom : -5px;
 696         text-align : center;
 697 }
 698
 699 .toptabs.numbered .tabs-nav li {
 700         min-width : 3em;
 701 }
 702
 703 .toptabs .tabs-container {
 704         border : 1px solid #E8E8E8;
 705         padding : 1em;
 706 }
 707
 708 .checkedout {
 709         color : #999999;
 710         font-style : italic;
 711 }
 712
 713 .subfield_not_filled {
 714         background-color : #FFFF99;
 715 }
 716 .content_hidden {
 717     visibility:hidden; /* you propably don't need to change this one */
 718     display:none;
 719 }
 720
 721 /* the property for the displayed tab */
 722 .content_visible {
 723     visibility:visible; /* you propably don't need to change this one */
 724     display:block;
 725 }
 726 #addbiblio a, #addchild a, #newentry a {
 727         padding-left : 34px;
 728         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
 729         background-position : center left;
 730         background-repeat : no-repeat;
 731 }
 732
 733 #deletebiblio button, #deletebiblio a, #deletepatron a {
 734         padding-left : 34px;
 735         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
 736         background-position : center left;
 737         background-repeat : no-repeat;
 738 }
 739
 740 #printbiblio button, #printbiblio a {
 741         padding-left : 34px;
 742         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
 743         background-position : center left;
 744         background-repeat : no-repeat;
 745 }
 746
 747 #addtoshelf button, #addtoshelf a {
 748         padding-left : 34px;
 749         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
 750         background-position : center left;
 751         background-repeat : no-repeat;
 752 }
 753
 754 #placehold a {
 755         padding-left : 34px;
 756         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
 757         background-position : center left;
 758         background-repeat : no-repeat;
 759 }
 760
 761 div.error {
 762         border : 2px dashed #990000;
 763         background-color : #FFFF99;
 764         padding : .5em;
 765         margin : 1em;
 766 }
 767
 768 ol.bibliodetails {
 769         float: left;
 770         margin : 0 0 1em 1em;
 771 }
 772
 773 ol.bibliodetails li {
 774         border-bottom: 1px solid #E8E8E8;
 775         list-style-type : none;
 776         padding : .1em;
 777 }
 778
 779 ol.bibliodetails span.label {
 780         border-right : 1px solid #E8E8E8;
 781         float : left;
 782         font-weight: bold;
 783         width: 12em;
 784         margin-right: 1em;
 785 }
 786
 787 div.sysprefs h3 {
 788         margin : .2em 0 .2em .4em;
 789 }
 790
 791 div.sysprefs dl {
 792         margin-left : 1.5em;
 793 }
 794
 795 div.sysprefs div.hint {
 796         width : 25%;
 797         float : right;
 798         padding : .5em;
 799         margin : .7em;
 800 }
 801
 802 tr.highlight td {
 803         background-color : #F6F6F6;
 804 }
 805
 806 #circ_circulation_issue label {
 807         font-size: 105%;
 808         font-weight : bold;
 809 }
 810
 811 #circ_circulation_issue div.hint {
 812         color : #666666;
 813         margin: .2em 0;
 814 }
 815
 816 tr.expired td {
 817         color : #999999;
 818 }
 819
 820 span.expired {
 821         color : #990000;
 822         font-style : italic;
 823 }
 824
 825 div.subfield_line label {
 826     font-size:75%;
 827     float: left;
 828     width: 200px;
 829     text-align: left;
 830     clear:left;
 831 }
 832
 833 div.help {
 834         margin: .9em 0 0 0;
 835 }
 836
 837 .blocker {
 838         color : #990000;
 839 }
 840
 841 div.warning {
 842         background-color : #FFFFCC;
 843         border-color : #990000;
 844 }
 845
 846 .circmessage li {
 847         list-style : url(../../img/arrow-bullet.gif);
 848         margin-bottom : .2em;
 849 }
 850
 851 div.circmessage:first-child {
 852         margin-top : 1em;
 853 }
 854
 855 div.circmessage {
 856         border: 1px solid #CCC;
 857         padding: .4em;
 858         margin-bottom : .3em;
 859 }
 860
 861 span.circ-hlt {
 862         color : #cc0000;
 863         font-weight : bold;
 864 }
 865
 866 div.first fieldset {
 867         margin-right : 0;
 868 }