koha-dev.rot13.org Git - srvgit/blob - 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 tr.highlight td, td.highlight {
 209         background-color : #F3F3F3;
 210 }
 211
 212 tr.onissue td {
 213         background-color: #FFFFCC;
 214 }
 215
 216 tr.highlight.onissue td {
 217         background-color: #FFFFE1;
 218 }
 219
 220 caption {
 221         font-size : 153.9%;
 222         font-weight : bold;
 223 }
 224
 225 span.problem {
 226         background-color : #FFFFCC;
 227         color : #990000;
 228         font-weight : bold;
 229         line-height : 1.7em;
 230 }
 231
 232 fieldset {
 233         border : 2px solid #EEEEEE;
 234         margin : 1em 1em 1em 0;
 235         padding : 1em;
 236 }
 237
 238 legend {
 239         font-size : 123.1%;
 240         font-weight : bold;
 241         margin : 0 0 0 -1em;
 242         padding : 0;
 243 }
 244
 245 #breadcrumbs {
 246         background-color : #F3F3F3;
 247         border-bottom : 1px solid #E8E8E8;
 248         clear : both;
 249         font-size : 90%;
 250         padding :.2em .5em .4em .5em;
 251 }
 252
 253 #commonsearch {
 254         display : inline;
 255 }
 256
 257
 258 div#header_search {
 259         background-image : url("../../img/koha-logo-medium.gif");
 260         background-position : .5em .5em;
 261         background-repeat : no-repeat;
 262         float: left;
 263         padding-left : 14.2em;
 264         margin: .3em 0 .5em 0;
 265         min-height : 52px;
 266 }
 267
 268 div#header_search input {
 269         font-size : 1.3em;
 270 }
 271
 272 div#header_search ul.link-tabs {
 273         font-family : Arial, Geneva, sans-serif;
 274         margin-bottom : -4px;
 275 }
 276
 277 div#header_search ul.link-tabs li.on a,
 278 div#header_search ul.link-tabs li a,
 279 div#header_search ul.link-tabs li.off a {
 280         padding : 0.1em .5em .2em .5em;
 281 }
 282
 283 div#header_search div.residentsearch {
 284         border : 0;
 285         border-bottom : 1px solid #FF9900;
 286         padding : 0 0 .2em 0;
 287 }
 288
 289 div#reserves,div#checkouts {
 290         border : 1px solid #E8E8E8;
 291         padding : 1em;
 292 }
 293
 294 div#header_search .tip {
 295         font-size: 93%;
 296         color : Gray;
 297 }
 298
 299 .ex {
 300         font-family : "Courier New", Courier, fixed-width;
 301         font-weight : bold;
 302 }
 303
 304 /* ClickMenu Overrides */
 305
 306 ul#toplevelmenu li {
 307         display : inline;
 308         list-style: none;
 309 }
 310
 311 ul#toplevelmenu li ul {
 312 }
 313
 314 div.cmDiv
 315 {
 316         border: 0;
 317         background-color: #F3F3F3;
 318 }
 319
 320 .clickMenu li.more a {
 321         background-image: url("../../img/more-arrow.gif");
 322         background-position: right;
 323         background-repeat: no-repeat;
 324         padding-right : 13px;
 325 }
 326
 327 .clickMenu li.more li a {
 328         background-image : none;
 329         padding-right : 0;
 330         white-space : nowrap;
 331 }
 332
 333 .clickMenu
 334 {
 335         margin: 0;
 336         padding: 0;
 337         cursor: default;
 338 }
 339 .clickMenu, .clickMenu ul
 340 {
 341         list-style: none;
 342 }
 343 .clickMenu ul
 344 {
 345         margin: 0;
 346         padding: 2px;
 347         border: 0;
 348         background-color: #F3F3F3;
 349         min-width: 100px; /* ie doesnt know this :/ */
 350         //float: left;/*ie again*/
 351         //width: 100%;/*and again*/
 352 }
 353 .clickMenu div.outerbox
 354 {
 355         display: none;
 356         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 357 }
 358 .clickMenu div.inner
 359 {
 360         //top: 20px; /* for ie */
 361         left: 0;
 362         margin: 0;
 363 }
 364 .clickMenu div.inner div.outerbox
 365 {
 366         margin: 0;
 367         left: 98px;
 368         //left: 90px; /* for ie */
 369         top: -3px;
 370 }
 371 .clickMenu li
 372 {
 373         list-style-type : none;
 374         position: relative;
 375         padding: 0 20px 0 2px;
 376         /*white-space: nowrap; does not really work in ie */
 377 }
 378 .clickMenu li.main
 379 {
 380         float: left;
 381         padding: 0 10px;
 382         background-color: #F3F3F3;
 383         //height: 20px; /* for ie */
 384 }
 385 .clickMenu li.main li
 386 {
 387         z-index: 2;
 388         min-width: 78px;
 389 }
 390 .clickMenu li.hover
 391 {
 392         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 393         background-color : transparent;
 394 }
 395 .clickMenu img.liArrow
 396 {
 397         position: absolute;
 398         right: 5px;
 399         top: 0.41em;
 400 }
 401 .clickMenu ul a {
 402         cursor: default;
 403 }
 404
 405 ul.innerBox a {
 406         cursor : pointer;
 407 }
 408
 409 ul.innerBox {
 410         border: 1px solid #E8E8E8;
 411 }
 412
 413 div.yui-b h5 {
 414         font-size : 100%;
 415         margin : .5em 0;
 416 }
 417
 418 dt {
 419         font-size : 110%;
 420         font-weight : bold;
 421 }
 422
 423 dd {
 424         padding : .2em;
 425         text-indent : 1.5em;
 426 }
 427
 428 div#toolbar {
 429         background-color : #F3F3F3;
 430         margin-bottom : .7em;
 431 }
 432
 433 ul.toolbar {
 434         padding-left : 0;
 435 }
 436
 437 .yui-menu-button  {
 438
 439 }
 440
 441 ul.toolbar li {
 442         display : inline;
 443         list-style : none;
 444 }
 445
 446 div.message {
 447    border : 1px solid #6699CC;
 448         width : 33%;
 449         margin : 1em;
 450         padding : .5em;
 451 }
 452
 453 div.patroninfo {
 454         margin-top : -.5em;
 455 }
 456
 457 div.patroninfo h5 {
 458         background-color : #FCFAF3;
 459         /*border-top :  1px solid #CCCC99;
 460         border-left :  1px solid #CCCC99;*/
 461         border-right :  1px solid #CCCC99;
 462         margin-bottom : 0;
 463         padding-left : .5em;
 464         padding-top : .3em;
 465         padding-bottom : .5em;
 466 }
 467
 468 div.patroninfo ul {
 469         /*border : 1px solid #CCCC99;*/
 470         border-right : 1px solid #CCCC99;
 471         border-bottom : 0;
 472         border-top : 0;
 473         background-color : #FCFAF3;
 474         padding-bottom : .5em;
 475 }
 476
 477 div.patroninfo ul li, div.patronviews ul li {
 478         list-style-type : none;
 479 }
 480
 481 div.patronviews {
 482         background-color : #FDFCF7;
 483         /*border-left : 1px solid #CCCC99;
 484         border-bottom : 1px solid #CCCC99;*/
 485         border-right :  1px solid #CCCC99;
 486         border-top : 1px solid #CCCC99;
 487         margin-bottom : .5em;
 488         padding : .5em 0 .5em 0;
 489 }
 490
 491 a.member-edit {
 492         float : right;
 493         background-color : #DBECC8;
 494         margin-top : .5em;
 495         padding : .3em;
 496         text-align : right;
 497         text-decoration : none;
 498 }
 499
 500 fieldset.brief {
 501         border : 1px solid #E8E8E8;
 502 }
 503
 504 fieldset.brief label {
 505         display : block;
 506         font-weight : bold;
 507         padding : .3em 0;
 508 }
 509
 510 fieldset.brief ol, fieldset.brief li {
 511         list-style-type : none;
 512 }
 513
 514 fieldset.brief div.hint {
 515         color : #999999;
 516         font-size : 90%;
 517         margin-bottom : .4em;
 518 }
 519
 520 fieldset.rows {
 521 border-width : 1px;
 522 border-bottom : 1px solid black;
 523 float : left;
 524 font-size : 90%;
 525 clear : left;
 526 margin: .9em 0 0 0;
 527 padding: 0;
 528 width: 100%;
 529 }
 530
 531 fieldset.rows legend {
 532         margin-left: 1em;
 533         font-weight: bold;
 534         font-size : 110%;
 535 }
 536
 537 fieldset.rows label, fieldset.rows span.label {
 538         float: left;
 539         font-weight : bold;
 540         width: 6em;
 541         margin-right: 1em;
 542         text-align: right;
 543 }
 544
 545 fieldset.rows.left label, fieldset.rows.left span.label {
 546         width : 8em;
 547         text-align : left;
 548 }
 549
 550 fieldset.rows ol {
 551 padding: 1em 1em 0 1em;
 552 list-style-type: none;
 553 }
 554
 555 fieldset.rows li {
 556 float : left;
 557 clear : left;
 558 padding-bottom: 1em;
 559 list-style-type: none;
 560 width: 100%;
 561 }
 562
 563 fieldset.rows.left li {
 564         padding-bottom : .4em;
 565 }
 566
 567 fieldset.rows li.radio {
 568         padding-left: 9em;
 569         width : auto;
 570 }
 571
 572 fieldset.rows li.radio label {
 573         float : none;
 574         width : auto;
 575         margin : 0 0 0 1em;
 576 }
 577
 578 fieldset.rows ol.radio label {
 579         width : auto;
 580         float : none;
 581         margin-right : 0;
 582 }
 583
 584 fieldset.rows ol.radio label.radio {
 585         float : left;
 586         width : 12em;
 587         margin-right : 1em;
 588 }
 589
 590 fieldset.rows table {
 591         clear : both;
 592         margin-left : 1em;
 593 }
 594
 595 fieldset.rows td label {
 596         float : none;
 597         font-weight : normal;
 598         width : auto;
 599 }
 600
 601 fieldset.action {
 602         clear : both;
 603         float : none;
 604         border : none;
 605         margin : 0;
 606         padding : 1em 0 .3em 0;
 607         width : auto;
 608 }
 609
 610 a.cancel {
 611         padding-left : 1em;
 612 }
 613
 614 fieldset.rows fieldset.action {
 615         padding : 0 0 1em 1em;
 616 }
 617
 618 fieldset.rows .inputnote {
 619         float : left;
 620         margin : .5em 0 0 10em;
 621 }
 622
 623 .tabs-nav li {
 624         list-style : none;
 625 }
 626
 627 .tabs-nav a, .tabs-nav a span {
 628    background : none;
 629         padding: .2em .5em .25em .5em;
 630 }
 631
 632 .tabs-nav a {
 633     z-index : auto;
 634 }
 635
 636 .tabs-nav .tabs-selected a {
 637         background-color : #FFFFCC;
 638         border-top: 1px solid #FFFFCC;
 639         border-right: 1px solid #FF9900;
 640         border-bottom: 1px solid #FF9900;
 641         border-left: 1px solid #FFCC66;
 642         font-weight : bold;
 643         text-align : center;
 644         text-decoration : none;
 645         top : -1px;
 646 }
 647
 648 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 649     background-position : inherit;
 650     outline: 0; /* prevent dotted border in Firefox */
 651 }
 652 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 653     background-position: inherit;
 654 }
 655
 656 .tabs-nav .tabs-selected a:hover {
 657         color : #0000CC;
 658 }
 659
 660 .tabs-nav li.tabs-selected {
 661         background-color : #FFFFCC;
 662 }
 663
 664 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 665          background : none;
 666     outline: 0; /* prevent dotted border in Firefox */
 667 }
 668
 669 .tabs-container {
 670     border-top: 0;
 671     padding : inherit;
 672     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 673 }
 674 .tabs-loading em {
 675     padding: inherit;
 676     background: none;
 677 }
 678 .toptabs {
 679         margin-top : 1em;
 680 }
 681
 682 .toptabs .tabs-nav a {
 683     top: 0;
 684  }
 685
 686 .toptabs .tabs-nav li {
 687         margin-right : .5em;
 688 }
 689
 690 .toptabs .tabs-nav li a {
 691         background-color : #F3F3F3;
 692         border-top : 1px solid #E8E8E8;
 693         border-left : 1px solid #E8E8E8;
 694         border-right : 1px solid #E8E8E8;
 695         border-bottom : 0;
 696         text-align : center;
 697         text-decoration : none;
 698 }
 699
 700 .toptabs .tabs-nav li.tabs-selected  {
 701         background-color : #FFF;
 702 }
 703
 704 .toptabs .tabs-nav li.tabs-selected a {
 705         background-color : #FFF;
 706         border-top : 1px solid #E8E8E8;
 707         border-left : 1px solid #E8E8E8;
 708         border-right : 1px solid #E8E8E8;
 709         border-bottom : 1px solid #FFF;
 710         margin-bottom : -5px;
 711         text-align : center;
 712 }
 713
 714 .toptabs.numbered .tabs-nav li {
 715         min-width : 3em;
 716 }
 717
 718 .toptabs .tabs-container {
 719         border : 1px solid #E8E8E8;
 720         padding : 1em;
 721 }
 722
 723 .checkedout {
 724         color : #999999;
 725         font-style : italic;
 726 }
 727
 728 .subfield_not_filled {
 729         background-color : #FFFF99;
 730 }
 731 .content_hidden {
 732     visibility:hidden; /* you propably don't need to change this one */
 733     display:none;
 734 }
 735
 736 /* the property for the displayed tab */
 737 .content_visible {
 738     visibility:visible; /* you propably don't need to change this one */
 739     display:block;
 740 }
 741 #addbiblio a, #addchild a, #newentry a {
 742         padding-left : 34px;
 743         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
 744         background-position : center left;
 745         background-repeat : no-repeat;
 746 }
 747
 748 #deletebiblio button, #deletebiblio a, #deletepatron a {
 749         padding-left : 34px;
 750         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
 751         background-position : center left;
 752         background-repeat : no-repeat;
 753 }
 754
 755 #printbiblio button, #printbiblio a {
 756         padding-left : 34px;
 757         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
 758         background-position : center left;
 759         background-repeat : no-repeat;
 760 }
 761
 762 #addtoshelf button, #addtoshelf a {
 763         padding-left : 34px;
 764         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
 765         background-position : center left;
 766         background-repeat : no-repeat;
 767 }
 768
 769 #placehold a {
 770         padding-left : 34px;
 771         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
 772         background-position : center left;
 773         background-repeat : no-repeat;
 774 }
 775
 776 div.error {
 777         border : 2px dashed #990000;
 778         background-color : #FFFF99;
 779         padding : .5em;
 780         margin : 1em;
 781 }
 782
 783 ol.bibliodetails {
 784         float: left;
 785         margin : 0 0 1em 1em;
 786 }
 787
 788 ol.bibliodetails li {
 789         border-bottom: 1px solid #E8E8E8;
 790         list-style-type : none;
 791         padding : .1em;
 792 }
 793
 794 ol.bibliodetails span.label {
 795         border-right : 1px solid #E8E8E8;
 796         float : left;
 797         font-weight: bold;
 798         width: 12em;
 799         margin-right: 1em;
 800 }
 801
 802 div.sysprefs h3 {
 803         margin : .2em 0 .2em .4em;
 804 }
 805
 806 div.sysprefs dl {
 807         margin-left : 1.5em;
 808 }
 809
 810 div.sysprefs div.hint {
 811         width : 25%;
 812         float : right;
 813         padding : .5em;
 814         margin : .7em;
 815 }
 816
 817 tr.highlight td {
 818         background-color : #F6F6F6;
 819 }
 820
 821 #circ_circulation_issue label {
 822         font-size: 105%;
 823         font-weight : bold;
 824 }
 825
 826 #circ_circulation_issue div.hint {
 827         color : #666666;
 828         margin: .2em 0;
 829 }
 830
 831 tr.expired td {
 832         color : #999999;
 833 }
 834
 835 span.expired {
 836         color : #990000;
 837         font-style : italic;
 838 }
 839
 840 div.subfield_line label {
 841     font-size:75%;
 842     float: left;
 843     width: 200px;
 844     text-align: left;
 845     clear:left;
 846 }
 847
 848 div.help {
 849         margin: .9em 0 0 0;
 850 }
 851
 852 .blocker {
 853         color : #990000;
 854 }
 855
 856 .circmessage li {
 857         list-style : url(../../img/arrow-bullet.gif);
 858         margin-bottom : .2em;
 859 }
 860
 861 div.circmessage:first-child {
 862         margin-top : 1em;
 863 }
 864
 865 div.circmessage {
 866         border: 1px solid #CCC;
 867         padding: .4em;
 868         margin-bottom : .3em;
 869 }
 870
 871 span.circ-hlt {
 872         color : #cc0000;
 873         font-weight : bold;
 874 }
 875
 876 div.first fieldset {
 877         margin-right : 0;
 878 }
 879
 880 .dialog {
 881   width: 50%;
 882   float:left;
 883   background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important;
 884   background: url(../../img/dropshadow.gif) no-repeat bottom right;
 885   margin: 10px 0 0 10px !important;
 886   margin: 10px 0 0 5px;
 887   }
 888
 889 .dialog div {
 890   background: none !important;
 891   background: url(../../img/dropshadow-mask.gif) no-repeat left top;
 892   padding: 0 !important;
 893   padding: 0 6px 6px 0;
 894   }
 895
 896 .dialog div.confirm {
 897   background-color: #fff;
 898   background : url(../../img/dialog-bg.gif) repeat-x left 0 !important;
 899   font: 1em sans-serif;
 900   border: 1px solid #bcbcbc;
 901   padding: 4px !important;
 902   margin: -6px 6px 6px -6px !important;
 903   margin: 0;
 904   text-align : center;
 905   }
 906
 907  div.confirm input {
 908         background-color : #FFF;
 909         border : 1px solid #bcbcbc;
 910         margin : .4em;
 911         padding : .4em .4em .4em 25px;
 912  }
 913
 914  div.confirm input.approve {
 915         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
 916  }
 917
 918  div.confirm input.deny {
 919         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
 920  }
 921
 922  div.confirm input:hover {
 923         background-color : #ffc;
 924  }