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