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