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 }
 419
 420 ul.toolbar {
 421 }
 422
 423 ul.toolbar li {
 424         display : inline;
 425         float : left;
 426         list-style : none;
 427 }
 428
 429 ul.toolbar li a {
 430         background-color : #F3F3F3;
 431         border : 1px solid #F3F3F3;
 432         display : block;
 433         margin : 3px;
 434         padding : 3px;
 435         text-decoration : none;
 436 }
 437
 438 ul.toolbar li a:hover {
 439         background-color : #FFFFCC;
 440 }
 441
 442 ul.toolbar li:last-child a:hover {
 443 }
 444
 445 ul.toolbar ul {
 446         display : none;
 447 }
 448
 449 div.message {
 450    border : 1px solid #6699CC;
 451         width : 33%;
 452         margin : 1em;
 453         padding : .5em;
 454 }
 455
 456 div.patroninfo {
 457         margin-top : -.5em;
 458 }
 459
 460 div.patroninfo h5 {
 461         background-color : #FCFAF3;
 462         /*border-top :  1px solid #CCCC99;
 463         border-left :  1px solid #CCCC99;*/
 464         border-right :  1px solid #CCCC99;
 465         margin-bottom : 0;
 466         padding-left : .5em;
 467         padding-top : .3em;
 468         padding-bottom : .5em;
 469 }
 470
 471 div.patroninfo ul {
 472         /*border : 1px solid #CCCC99;*/
 473         border-right : 1px solid #CCCC99;
 474         border-bottom : 0;
 475         border-top : 0;
 476         background-color : #FCFAF3;
 477         padding-bottom : .5em;
 478 }
 479
 480 div.patroninfo ul li, div.patronviews ul li {
 481         list-style-type : none;
 482 }
 483
 484 div.patronviews {
 485         background-color : #FDFCF7;
 486         /*border-left : 1px solid #CCCC99;
 487         border-bottom : 1px solid #CCCC99;*/
 488         border-right :  1px solid #CCCC99;
 489         border-top : 1px solid #CCCC99;
 490         margin-bottom : .5em;
 491         padding : .5em 0 .5em 0;
 492 }
 493
 494 a.member-edit {
 495         float : right;
 496         background-color : #DBECC8;
 497         margin-top : .5em;
 498         padding : .3em;
 499         text-align : right;
 500         text-decoration : none;
 501 }
 502
 503 fieldset.brief {
 504         border : 1px solid #E8E8E8;
 505 }
 506
 507 fieldset.brief label {
 508         display : block;
 509         font-weight : bold;
 510         padding : .3em 0;
 511 }
 512
 513 fieldset.brief div.hint {
 514         color : #999999;
 515         font-size : 80%;
 516         margin-bottom : .4em;
 517 }
 518
 519 fieldset.rows {
 520 border-width : 1px;
 521 border-bottom : 1px solid black;
 522 float : left;
 523 font-size : 90%;
 524 clear : left;
 525 margin: .9em 0 0 0;
 526 padding: 0;
 527 width: 100%;
 528 }
 529
 530
 531
 532 fieldset.rows legend {
 533         margin-left: 1em;
 534         font-weight: bold;
 535         font-size : 110%;
 536 }
 537
 538 fieldset.rows label, fieldset.rows span.label {
 539         float: left;
 540         font-weight : bold;
 541         width: 9em;
 542         margin-right: 1em;
 543         text-align: right;
 544 }
 545
 546 fieldset.rows.left label, fieldset.rows.left span.label {
 547         width : 8em;
 548         text-align : left;
 549 }
 550
 551 fieldset.rows ol {
 552 padding: 1em 1em 0 1em;
 553 list-style-type: none;
 554 }
 555
 556 fieldset.rows li {
 557 float : left;
 558 clear : left;
 559 padding-bottom: 1em;
 560 list-style-type: none;
 561 width: 100%;
 562 }
 563
 564 fieldset.rows.left li {
 565         padding-bottom : .4em;
 566 }
 567
 568 fieldset.rows li.radio {
 569         padding-left: 9em;
 570         width : auto;
 571 }
 572
 573 fieldset.rows li.radio label {
 574         float : none;
 575         width : auto;
 576         margin : 0 0 0 1em;
 577 }
 578
 579 fieldset.rows ol.radio label {
 580         width : auto;
 581         float : none;
 582         margin-right : 0;
 583 }
 584
 585 fieldset.rows ol.radio label.radio {
 586         float : left;
 587         width : 12em;
 588         margin-right : 1em;
 589 }
 590
 591 fieldset.rows table {
 592         clear : both;
 593         margin-left : 1em;
 594 }
 595
 596 fieldset.rows td label {
 597         float : none;
 598         font-weight : normal;
 599         width : auto;
 600 }
 601
 602 fieldset.action {
 603         clear : both;
 604         float : none;
 605         border : none;
 606         margin : 0;
 607         padding : 1em 0 .3em 0;
 608         width : auto;
 609 }
 610
 611 fieldset.rows fieldset.action {
 612         padding : 0 0 1em 1em;
 613 }
 614
 615 .tabs-nav li {
 616         list-style : none;
 617 }
 618
 619 .tabs-nav a, .tabs-nav a span {
 620    background : none;
 621         padding: .2em .5em .25em .5em;
 622 }
 623
 624 .tabs-nav a {
 625     z-index : auto;
 626 }
 627
 628 .tabs-nav .tabs-selected a {
 629         background-color : #FFFFCC;
 630         border-top: 1px solid #FFFFCC;
 631         border-right: 1px solid #FF9900;
 632         border-bottom: 1px solid #FF9900;
 633         border-left: 1px solid #FFCC66;
 634         font-weight : bold;
 635         text-align : center;
 636         text-decoration : none;
 637         top : -1px;
 638 }
 639
 640 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 641     background-position : inherit;
 642     outline: 0; /* prevent dotted border in Firefox */
 643 }
 644 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 645     background-position: inherit;
 646 }
 647
 648 .tabs-nav .tabs-selected a:hover {
 649         color : #0000CC;
 650 }
 651
 652 .tabs-nav li.tabs-selected {
 653         background-color : #FFFFCC;
 654 }
 655
 656 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 657          background : none;
 658     outline: 0; /* prevent dotted border in Firefox */
 659 }
 660
 661 .tabs-container {
 662     border-top: 0;
 663     padding : inherit;
 664     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 665 }
 666 .tabs-loading em {
 667     padding: inherit;
 668     background: none;
 669 }
 670
 671 #patronlists .tabs-nav a {
 672     top: 0;
 673  }
 674
 675 #patronlists .tabs-nav li {
 676         margin-right : .5em;
 677 }
 678
 679 #patronlists .tabs-nav li a {
 680         background-color : #F3F3F3;
 681         border-top : 1px solid #E8E8E8;
 682         border-left : 1px solid #E8E8E8;
 683         border-right : 1px solid #E8E8E8;
 684         border-bottom : 0;
 685         text-align : center;
 686         text-decoration : none;
 687 }
 688
 689 #patronlists .tabs-nav li.tabs-selected  {
 690         background-color : #FFF;
 691 }
 692
 693 #patronlists .tabs-nav li.tabs-selected a {
 694         background-color : #FFF;
 695         border-top : 1px solid #E8E8E8;
 696         border-left : 1px solid #E8E8E8;
 697         border-right : 1px solid #E8E8E8;
 698         border-bottom : 1px solid #FFF;
 699         margin-bottom : -5px;
 700         text-align : center;
 701 }
 702
 703 .checkedout {
 704         color : #999999;
 705         font-style : italic;
 706 }
 707
 708 .subfield_not_filled {
 709         background-color : #FFFF99;
 710 }