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