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 #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 }
 249
 250 div#header_search input {
 251         font-size : 1.3em;
 252 }
 253
 254 div#header_search ul.link-tabs {
 255         font-family : Arial, Geneva, sans-serif;
 256         margin-bottom : -4px;
 257 }
 258
 259 div#header_search ul.link-tabs li.on a,
 260 div#header_search ul.link-tabs li a,
 261 div#header_search ul.link-tabs li.off a {
 262         padding : 0.1em .5em .2em .5em;
 263 }
 264
 265 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 {
 266         border : 0;
 267         border-bottom : 1px solid #FF9900;
 268         padding : 0 0 .2em 0;
 269 }
 270
 271 div#reserves,div#checkouts {
 272         border : 1px solid #E8E8E8;
 273         padding : 1em;
 274 }
 275
 276 div#header_search .tip {
 277         font-size: 93%;
 278         color : Gray;
 279 }
 280
 281 .ex {
 282         font-family : "Courier New", Courier, fixed-width;
 283         font-weight : bold;
 284 }
 285
 286 /* ClickMenu Overrides */
 287
 288 ul#toplevelmenu li {
 289         display : inline;
 290         list-style: none;
 291 }
 292
 293 ul#toplevelmenu li ul {
 294 }
 295
 296 div.cmDiv
 297 {
 298         border: 0;
 299         background-color: #F3F3F3;
 300 }
 301
 302 .clickMenu li.more a {
 303         background-image: url("../../img/more-arrow.gif");
 304         background-position: right;
 305         background-repeat: no-repeat;
 306         padding-right : 13px;
 307 }
 308
 309 .clickMenu li.more li a {
 310         background-image : none;
 311         padding-right : 0;
 312 }
 313
 314 .clickMenu
 315 {
 316         margin: 0;
 317         padding: 0;
 318         cursor: default;
 319 }
 320 .clickMenu, .clickMenu ul
 321 {
 322         list-style: none;
 323 }
 324 .clickMenu ul
 325 {
 326         margin: 0;
 327         padding: 2px;
 328         border: 0;
 329         background-color: #F3F3F3;
 330         min-width: 100px; /* ie doesnt know this :/ */
 331         //float: left;/*ie again*/
 332         //width: 100%;/*and again*/
 333 }
 334 .clickMenu div.outerbox
 335 {
 336         display: none;
 337         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 338 }
 339 .clickMenu div.inner
 340 {
 341         //top: 20px; /* for ie */
 342         left: 0;
 343         margin: 0;
 344 }
 345 .clickMenu div.inner div.outerbox
 346 {
 347         margin: 0;
 348         left: 98px;
 349         //left: 90px; /* for ie */
 350         top: -3px;
 351 }
 352 .clickMenu li
 353 {
 354         list-style-type : none;
 355         position: relative;
 356         padding: 0 20px 0 2px;
 357         /*white-space: nowrap; does not really work in ie */
 358 }
 359 .clickMenu li.main
 360 {
 361         float: left;
 362         padding: 0 10px;
 363         background-color: #F3F3F3;
 364         //height: 20px; /* for ie */
 365 }
 366 .clickMenu li.main li
 367 {
 368         z-index: 2;
 369         min-width: 78px;
 370 }
 371 .clickMenu li.hover
 372 {
 373         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 374         background-color : transparent;
 375 }
 376 .clickMenu img.liArrow
 377 {
 378         position: absolute;
 379         right: 5px;
 380         top: 0.41em;
 381 }
 382 .clickMenu ul a {
 383         cursor: default;
 384 }
 385
 386 ul.innerBox a {
 387         cursor : pointer;
 388 }
 389
 390 ul.innerBox {
 391         border: 1px solid #E8E8E8;
 392 }
 393
 394 div.yui-b h5 {
 395         font-size : 100%;
 396         margin : .5em 0;
 397 }
 398
 399 dt {
 400         font-size : 110%;
 401         font-weight : bold;
 402 }
 403
 404 dd {
 405         padding : .2em;
 406         text-indent : 1.5em;
 407 }
 408
 409 div#toolbar {
 410         background-color : #F3F3F3;
 411 }
 412
 413 ul.toolbar {
 414 }
 415
 416 ul.toolbar li {
 417         display : inline;
 418         float : left;
 419         list-style : none;
 420 }
 421
 422 ul.toolbar li a {
 423         background-color : #F3F3F3;
 424         border : 1px solid #F3F3F3;
 425         display : block;
 426         margin : 3px;
 427         padding : 3px;
 428         text-decoration : none;
 429 }
 430
 431 ul.toolbar li a:hover {
 432         background-color : #FFFFCC;
 433 }
 434
 435 ul.toolbar li:last-child a:hover {
 436 }
 437
 438 ul.toolbar ul {
 439         display : none;
 440 }
 441
 442 div.message {
 443    border : 1px solid #6699CC;
 444         width : 33%;
 445         margin : 1em;
 446         padding : .5em;
 447 }
 448
 449 div.patroninfo {
 450         margin-top : -.5em;
 451 }
 452
 453 div.patroninfo h5 {
 454         background-color : #FCFAF3;
 455         /*border-top :  1px solid #CCCC99;
 456         border-left :  1px solid #CCCC99;*/
 457         border-right :  1px solid #CCCC99;
 458         margin-bottom : 0;
 459         padding-left : .5em;
 460         padding-top : .3em;
 461         padding-bottom : .5em;
 462 }
 463
 464 div.patroninfo ul {
 465         /*border : 1px solid #CCCC99;*/
 466         border-right : 1px solid #CCCC99;
 467         border-bottom : 0;
 468         border-top : 0;
 469         background-color : #FCFAF3;
 470         padding-bottom : .5em;
 471 }
 472
 473 div.patroninfo ul li, div.patronviews ul li {
 474         list-style-type : none;
 475 }
 476
 477 div.patronviews {
 478         background-color : #FDFCF7;
 479         /*border-left : 1px solid #CCCC99;
 480         border-bottom : 1px solid #CCCC99;*/
 481         border-right :  1px solid #CCCC99;
 482         border-top : 1px solid #CCCC99;
 483         margin-bottom : .5em;
 484         padding : .5em 0 .5em 0;
 485 }
 486
 487 a.member-edit {
 488         float : right;
 489         background-color : #DBECC8;
 490         margin-top : .5em;
 491         padding : .3em;
 492         text-align : right;
 493         text-decoration : none;
 494 }
 495
 496 fieldset.brief {
 497         border : 1px solid #E8E8E8;
 498 }
 499
 500 fieldset.brief label {
 501         display : block;
 502         font-weight : bold;
 503         padding : .3em 0;
 504 }
 505
 506 fieldset.brief div.hint {
 507         color : #999999;
 508         font-size : 80%;
 509         margin-bottom : .4em;
 510 }
 511
 512 fieldset.rows {
 513 border-width : 1px;
 514 border-bottom : 1px solid black;
 515 float : left;
 516 font-size : 90%;
 517 clear : left;
 518 margin: .9em 0 0 0;
 519 padding: 0;
 520 width: 100%;
 521 }
 522
 523 fieldset.rows legend {
 524         margin-left: 1em;
 525         font-weight: bold;
 526         font-size : 110%;
 527 }
 528
 529 fieldset.rows label, fieldset.rows span.label {
 530         float: left;
 531         font-weight : bold;
 532         width: 12em;
 533         margin-right: 1em;
 534         text-align: right;
 535 }
 536
 537 fieldset.rows.left label, fieldset.rows.left span.label {
 538         width : 8em;
 539         text-align : left;
 540 }
 541
 542 fieldset.rows ol {
 543 padding: 1em 1em 0 1em;
 544 list-style-type: none;
 545 }
 546
 547 fieldset.rows li {
 548 float : left;
 549 clear : left;
 550 padding-bottom: 1em;
 551 list-style-type: none;
 552 width: 100%;
 553 }
 554
 555 fieldset.rows.left li {
 556         padding-bottom : .4em;
 557 }
 558
 559 fieldset.rows ol.radio label {
 560         width : auto;
 561         float : none;
 562         margin-right : 0;
 563 }
 564
 565 fieldset.rows ol.radio label.radio {
 566         float : left;
 567         width : 12em;
 568         margin-right : 1em;
 569 }
 570
 571 fieldset.rows table {
 572         clear : both;
 573         margin-left : 1em;
 574 }
 575
 576 fieldset.rows td label {
 577         float : none;
 578         font-weight : normal;
 579         width : auto;
 580 }
 581
 582 fieldset.action {
 583         clear : both;
 584         float : none;
 585         border : none;
 586         margin : 0;
 587         padding : 1em 0 .3em 0;
 588         width : auto;
 589 }
 590
 591 fieldset.rows fieldset.action {
 592         padding : 0 0 1em 1em;
 593 }
 594
 595 .tabs-nav li {
 596         list-style : none;
 597 }
 598
 599 .tabs-nav a, .tabs-nav a span {
 600    background : none;
 601         padding: .2em .5em .25em .5em;
 602 }
 603
 604 .tabs-nav a {
 605     z-index : auto;
 606 }
 607
 608 .tabs-nav .tabs-selected a {
 609         background-color : #FFFFCC;
 610         border-top: 1px solid #FFFFCC;
 611         border-right: 1px solid #FF9900;
 612         border-bottom: 1px solid #FF9900;
 613         border-left: 1px solid #FFCC66;
 614         font-weight : bold;
 615         text-align : center;
 616         text-decoration : none;
 617         top : -1px;
 618 }
 619
 620 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 621     background-position : inherit;
 622     outline: 0; /* prevent dotted border in Firefox */
 623 }
 624 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
 625     background-position: inherit;
 626 }
 627
 628 .tabs-nav .tabs-selected a:hover {
 629         color : #0000CC;
 630 }
 631
 632 .tabs-nav li.tabs-selected {
 633         background-color : #FFFFCC;
 634 }
 635
 636 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 637          background : none;
 638     outline: 0; /* prevent dotted border in Firefox */
 639 }
 640
 641 .tabs-container {
 642     border-top: 0;
 643     padding : inherit;
 644     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 645 }
 646 .tabs-loading em {
 647     padding: inherit;
 648     background: none;
 649 }
 650
 651 #patronlists .tabs-nav a {
 652     top: 0;
 653  }
 654
 655 #patronlists .tabs-nav li {
 656         margin-right : .5em;
 657 }
 658
 659 #patronlists .tabs-nav li a {
 660         background-color : #F3F3F3;
 661         border-top : 1px solid #E8E8E8;
 662         border-left : 1px solid #E8E8E8;
 663         border-right : 1px solid #E8E8E8;
 664         border-bottom : 0;
 665         text-align : center;
 666         text-decoration : none;
 667 }
 668
 669 #patronlists .tabs-nav li.tabs-selected  {
 670         background-color : #FFF;
 671 }
 672
 673 #patronlists .tabs-nav li.tabs-selected a {
 674         background-color : #FFF;
 675         border-top : 1px solid #E8E8E8;
 676         border-left : 1px solid #E8E8E8;
 677         border-right : 1px solid #E8E8E8;
 678         border-bottom : 1px solid #FFF;
 679         margin-bottom : -5px;
 680         text-align : center;
 681 }
 682
 683 .checkedout {
 684         color : #999999;
 685         font-style : italic;
 686 }
 687
 688 .subfield_not_filled {
 689         background-color : #FFFF99;
 690 }