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#circ_search,div#catalog_search,div#patron_search,div#subscription_search,div#addbooks_search,div#notices_search,div#printer_search,div#checkin_search,div#suggestions_search,div#roadtype_search,div#stopword_search {
 272         border : 0;
 273         border-bottom : 1px solid #FF9900;
 274         padding : 0 0 .2em 0;
 275 }
 276
 277 div#header_search div.residentsearch {
 278         border : 0;
 279         border-bottom : 1px solid #FF9900;
 280         padding : 0 0 .2em 0;
 281 }
 282
 283 div#reserves,div#checkouts {
 284         border : 1px solid #E8E8E8;
 285         padding : 1em;
 286 }
 287
 288 div#header_search .tip {
 289         font-size: 93%;
 290         color : Gray;
 291 }
 292
 293 .ex {
 294         font-family : "Courier New", Courier, fixed-width;
 295         font-weight : bold;
 296 }
 297
 298 /* ClickMenu Overrides */
 299
 300 ul#toplevelmenu li {
 301         display : inline;
 302         list-style: none;
 303 }
 304
 305 ul#toplevelmenu li ul {
 306 }
 307
 308 div.cmDiv
 309 {
 310         border: 0;
 311         background-color: #F3F3F3;
 312 }
 313
 314 .clickMenu li.more a {
 315         background-image: url("../../img/more-arrow.gif");
 316         background-position: right;
 317         background-repeat: no-repeat;
 318         padding-right : 13px;
 319 }
 320
 321 .clickMenu li.more li a {
 322         background-image : none;
 323         padding-right : 0;
 324 }
 325
 326 .clickMenu
 327 {
 328         margin: 0;
 329         padding: 0;
 330         cursor: default;
 331 }
 332 .clickMenu, .clickMenu ul
 333 {
 334         list-style: none;
 335 }
 336 .clickMenu ul
 337 {
 338         margin: 0;
 339         padding: 2px;
 340         border: 0;
 341         background-color: #F3F3F3;
 342         min-width: 100px; /* ie doesnt know this :/ */
 343         //float: left;/*ie again*/
 344         //width: 100%;/*and again*/
 345 }
 346 .clickMenu div.outerbox
 347 {
 348         display: none;
 349         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 350 }
 351 .clickMenu div.inner
 352 {
 353         //top: 20px; /* for ie */
 354         left: 0;
 355         margin: 0;
 356 }
 357 .clickMenu div.inner div.outerbox
 358 {
 359         margin: 0;
 360         left: 98px;
 361         //left: 90px; /* for ie */
 362         top: -3px;
 363 }
 364 .clickMenu li
 365 {
 366         list-style-type : none;
 367         position: relative;
 368         padding: 0 20px 0 2px;
 369         /*white-space: nowrap; does not really work in ie */
 370 }
 371 .clickMenu li.main
 372 {
 373         float: left;
 374         padding: 0 10px;
 375         background-color: #F3F3F3;
 376         //height: 20px; /* for ie */
 377 }
 378 .clickMenu li.main li
 379 {
 380         z-index: 2;
 381         min-width: 78px;
 382 }
 383 .clickMenu li.hover
 384 {
 385         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 386         background-color : transparent;
 387 }
 388 .clickMenu img.liArrow
 389 {
 390         position: absolute;
 391         right: 5px;
 392         top: 0.41em;
 393 }
 394 .clickMenu ul a {
 395         cursor: default;
 396 }
 397
 398 ul.innerBox a {
 399         cursor : pointer;
 400 }
 401
 402 ul.innerBox {
 403         border: 1px solid #E8E8E8;
 404 }
 405
 406 div.yui-b h5 {
 407         font-size : 100%;
 408         margin : .5em 0;
 409 }
 410
 411 dt {
 412         font-size : 110%;
 413         font-weight : bold;
 414 }
 415
 416 dd {
 417         padding : .2em;
 418         text-indent : 1.5em;
 419 }
 420
 421 div#toolbar {
 422         background-color : #F3F3F3;
 423         margin-bottom : .7em;
 424 }
 425
 426 ul.toolbar {
 427         padding-left : 0;
 428 }
 429
 430 .yui-menu-button  {
 431
 432 }
 433
 434 ul.toolbar li {
 435         display : inline;
 436         list-style : none;
 437 }
 438
 439 div.message {
 440    border : 1px solid #6699CC;
 441         width : 33%;
 442         margin : 1em;
 443         padding : .5em;
 444 }
 445
 446 div.patroninfo {
 447         margin-top : -.5em;
 448 }
 449
 450 div.patroninfo h5 {
 451         background-color : #FCFAF3;
 452         /*border-top :  1px solid #CCCC99;
 453         border-left :  1px solid #CCCC99;*/
 454         border-right :  1px solid #CCCC99;
 455         margin-bottom : 0;
 456         padding-left : .5em;
 457         padding-top : .3em;
 458         padding-bottom : .5em;
 459 }
 460
 461 div.patroninfo ul {
 462         /*border : 1px solid #CCCC99;*/
 463         border-right : 1px solid #CCCC99;
 464         border-bottom : 0;
 465         border-top : 0;
 466         background-color : #FCFAF3;
 467         padding-bottom : .5em;
 468 }
 469
 470 div.patroninfo ul li, div.patronviews ul li {
 471         list-style-type : none;
 472 }
 473
 474 div.patronviews {
 475         background-color : #FDFCF7;
 476         /*border-left : 1px solid #CCCC99;
 477         border-bottom : 1px solid #CCCC99;*/
 478         border-right :  1px solid #CCCC99;
 479         border-top : 1px solid #CCCC99;
 480         margin-bottom : .5em;
 481         padding : .5em 0 .5em 0;
 482 }
 483
 484 a.member-edit {
 485         float : right;
 486         background-color : #DBECC8;
 487         margin-top : .5em;
 488         padding : .3em;
 489         text-align : right;
 490         text-decoration : none;
 491 }
 492
 493 fieldset.brief {
 494         border : 1px solid #E8E8E8;
 495 }
 496
 497 fieldset.brief label {
 498         display : block;
 499         font-weight : bold;
 500         padding : .3em 0;
 501 }
 502
 503 fieldset.brief div.hint {
 504         color : #999999;
 505         font-size : 80%;
 506         margin-bottom : .4em;
 507 }
 508
 509 fieldset.rows {
 510 border-width : 1px;
 511 border-bottom : 1px solid black;
 512 float : left;
 513 font-size : 90%;
 514 clear : left;
 515 margin: .9em 0 0 0;
 516 padding: 0;
 517 width: 100%;
 518 }
 519
 520 fieldset.rows legend {
 521         margin-left: 1em;
 522         font-weight: bold;
 523         font-size : 110%;
 524 }
 525
 526 fieldset.rows label, fieldset.rows span.label {
 527         float: left;
 528         font-weight : bold;
 529         width: 9em;
 530         margin-right: 1em;
 531         text-align: right;
 532 }
 533
 534 fieldset.rows.left label, fieldset.rows.left span.label {
 535         width : 8em;
 536         text-align : left;
 537 }
 538
 539 fieldset.rows ol {
 540 padding: 1em 1em 0 1em;
 541 list-style-type: none;
 542 }
 543
 544 fieldset.rows li {
 545 float : left;
 546 clear : left;
 547 padding-bottom: 1em;
 548 list-style-type: none;
 549 width: 100%;
 550 }
 551
 552 fieldset.rows.left li {
 553         padding-bottom : .4em;
 554 }
 555
 556 fieldset.rows li.radio {
 557         padding-left: 9em;
 558         width : auto;
 559 }
 560
 561 fieldset.rows li.radio label {
 562         float : none;
 563         width : auto;
 564         margin : 0 0 0 1em;
 565 }
 566
 567 fieldset.rows ol.radio label {
 568         width : auto;
 569         float : none;
 570         margin-right : 0;
 571 }
 572
 573 fieldset.rows ol.radio label.radio {
 574         float : left;
 575         width : 12em;
 576         margin-right : 1em;
 577 }
 578
 579 fieldset.rows table {
 580         clear : both;
 581         margin-left : 1em;
 582 }
 583
 584 fieldset.rows td label {
 585         float : none;
 586         font-weight : normal;
 587         width : auto;
 588 }
 589
 590 fieldset.action {
 591         clear : both;
 592         float : none;
 593         border : none;
 594         margin : 0;
 595         padding : 1em 0 .3em 0;
 596         width : auto;
 597 }
 598
 599 fieldset.rows fieldset.action {
 600         padding : 0 0 1em 1em;
 601 }
 602
 603 fieldset.rows .inputnote {
 604         float : left;
 605         margin : .5em 0 0 10em;
 606 }
 607
 608 .tabs-nav li {
 609         list-style : none;
 610 }
 611
 612 .tabs-nav a, .tabs-nav a span {
 613    background : none;
 614         padding: .2em .5em .25em .5em;
 615 }
 616
 617 .tabs-nav a {
 618     z-index : auto;
 619 }
 620
 621 .tabs-nav .tabs-selected a {
 622         background-color : #FFFFCC;
 623         border-top: 1px solid #FFFFCC;
 624         border-right: 1px solid #FF9900;
 625         border-bottom: 1px solid #FF9900;
 626         border-left: 1px solid #FFCC66;
 627         font-weight : bold;
 628         text-align : center;
 629         text-decoration : none;
 630         top : -1px;
 631 }
 632
 633 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 634     background-position : inherit;
 635     outline: 0; /* prevent dotted border in Firefox */
 636 }
 637 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 638     background-position: inherit;
 639 }
 640
 641 .tabs-nav .tabs-selected a:hover {
 642         color : #0000CC;
 643 }
 644
 645 .tabs-nav li.tabs-selected {
 646         background-color : #FFFFCC;
 647 }
 648
 649 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 650          background : none;
 651     outline: 0; /* prevent dotted border in Firefox */
 652 }
 653
 654 .tabs-container {
 655     border-top: 0;
 656     padding : inherit;
 657     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 658 }
 659 .tabs-loading em {
 660     padding: inherit;
 661     background: none;
 662 }
 663
 664 .toptabs .tabs-nav a {
 665     top: 0;
 666  }
 667
 668 .toptabs .tabs-nav li {
 669         margin-right : .5em;
 670 }
 671
 672 .toptabs .tabs-nav li a {
 673         background-color : #F3F3F3;
 674         border-top : 1px solid #E8E8E8;
 675         border-left : 1px solid #E8E8E8;
 676         border-right : 1px solid #E8E8E8;
 677         border-bottom : 0;
 678         text-align : center;
 679         text-decoration : none;
 680 }
 681
 682 .toptabs .tabs-nav li.tabs-selected  {
 683         background-color : #FFF;
 684 }
 685
 686 .toptabs .tabs-nav li.tabs-selected a {
 687         background-color : #FFF;
 688         border-top : 1px solid #E8E8E8;
 689         border-left : 1px solid #E8E8E8;
 690         border-right : 1px solid #E8E8E8;
 691         border-bottom : 1px solid #FFF;
 692         margin-bottom : -5px;
 693         text-align : center;
 694 }
 695
 696 .toptabs.numbered .tabs-nav li {
 697         min-width : 3em;
 698 }
 699
 700 .toptabs .tabs-container {
 701         border : 1px solid #E8E8E8;
 702         padding : 1em;
 703 }
 704
 705 .checkedout {
 706         color : #999999;
 707         font-style : italic;
 708 }
 709
 710 .subfield_not_filled {
 711         background-color : #FFFF99;
 712 }
 713 .content_hidden {
 714     visibility:hidden; /* you propably don't need to change this one */
 715     display:none;
 716 }
 717
 718 /* the property for the displayed tab */
 719 .content_visible {
 720     visibility:visible; /* you propably don't need to change this one */
 721     display:block;
 722 }
 723 #addbiblio a {
 724         padding-left : 34px;
 725         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
 726         background-position : center left;
 727         background-repeat : no-repeat;
 728 }
 729
 730 #deletebiblio a {
 731         padding-left : 34px;
 732         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
 733         background-position : center left;
 734         background-repeat : no-repeat;
 735 }
 736
 737 #printbiblio a {
 738         padding-left : 34px;
 739         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
 740         background-position : center left;
 741         background-repeat : no-repeat;
 742 }
 743
 744 #addtoshelf a {
 745         padding-left : 34px;
 746         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
 747         background-position : center left;
 748         background-repeat : no-repeat;
 749 }
 750
 751 #placehold a {
 752         padding-left : 34px;
 753         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
 754         background-position : center left;
 755         background-repeat : no-repeat;
 756 }
 757
 758 div.error {
 759         border : 2px dashed #990000;
 760         background-color : #FFFF99;
 761         padding : .5em;
 762         margin : 1em;
 763 }
 764
 765 ol.bibliodetails {
 766         float: left;
 767         margin : 0 0 1em 1em;
 768 }
 769
 770 ol.bibliodetails li {
 771         border-bottom: 1px solid #E8E8E8;
 772         list-style-type : none;
 773         padding : .1em;
 774 }
 775
 776 ol.bibliodetails span.label {
 777         border-right : 1px solid #E8E8E8;
 778         float : left;
 779         font-weight: bold;
 780         width: 12em;
 781         margin-right: 1em;
 782 }
 783