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