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;
 214         padding : 1em;
 215 }
 216
 217 legend {
 218         font-size : 138.5%;
 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 /* Panel-Switch Tabs */
 268 ul.link-tabs {
 269         list-style-type: none;
 270         margin: 1px 0 9px 5px;
 271         padding: 0;
 272 }
 273
 274 ul.link-tabs li {
 275         display: inline;
 276         padding: 0px;
 277 }
 278
 279 ul.link-tabs li a {
 280         border-bottom: 1px solid #333333;
 281         border-left : 1px solid #DDDDDD;
 282         border-right : 1px solid #666666;
 283         padding: .2em 1.2em .2em 1.2em;
 284         text-decoration: none;
 285 }
 286
 287 ul.link-tabs li.off a {
 288         background-color: #FFFFFF;
 289         border : 0;
 290         margin-right : 1px;
 291         text-decoration: underline;
 292 }
 293
 294 ul.link-tabs li.off a:hover {
 295         background-color: #FFFFEC;
 296         border : 0;
 297         margin-right : 0;
 298         padding: .2em 1.2em .2em 1.2em;
 299 }
 300
 301 ul.link-tabs li.on a {
 302         background-color: #FFFFCC;
 303         border-top: 1px solid #FFFFCC;
 304         border-right: 1px solid #FF9900;
 305         border-bottom: 1px solid #FF9900;
 306         border-left: 1px solid #FFCC66;
 307         font-weight : bold;
 308 }
 309
 310 div#header_search .tip {
 311         font-size: 93%;
 312         color : Gray;
 313 }
 314
 315 .ex {
 316         font-family : "Courier New", Courier, fixed-width;
 317         font-weight : bold;
 318 }
 319
 320 /* ClickMenu Overrides */
 321
 322 ul#toplevelmenu li {
 323         display : inline;
 324         list-style: none;
 325 }
 326
 327 ul#toplevelmenu li ul {
 328 }
 329
 330 div.cmDiv
 331 {
 332         border: 0;
 333         background-color: #F3F3F3;
 334 }
 335
 336 .clickMenu li.more a {
 337         background-image: url("../../img/more-arrow.gif");
 338         background-position: right;
 339         background-repeat: no-repeat;
 340         padding-right : 13px;
 341 }
 342
 343 .clickMenu li.more li a {
 344         background-image : none;
 345         padding-right : 0;
 346 }
 347
 348 .clickMenu
 349 {
 350         margin: 0;
 351         padding: 0;
 352         cursor: default;
 353 }
 354 .clickMenu, .clickMenu ul
 355 {
 356         list-style: none;
 357 }
 358 .clickMenu ul
 359 {
 360         margin: 0;
 361         padding: 2px;
 362         border: 0;
 363         background-color: #F3F3F3;
 364         min-width: 100px; /* ie doesnt know this :/ */
 365         //float: left;/*ie again*/
 366         //width: 100%;/*and again*/
 367 }
 368 .clickMenu div.outerbox
 369 {
 370         display: none;
 371         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 372 }
 373 .clickMenu div.inner
 374 {
 375         //top: 20px; /* for ie */
 376         left: 0;
 377         margin: 0;
 378 }
 379 .clickMenu div.inner div.outerbox
 380 {
 381         margin: 0;
 382         left: 98px;
 383         //left: 90px; /* for ie */
 384         top: -3px;
 385 }
 386 .clickMenu li
 387 {
 388         list-style-type : none;
 389         position: relative;
 390         padding: 0 20px 0 2px;
 391         /*white-space: nowrap; does not really work in ie */
 392 }
 393 .clickMenu li.main
 394 {
 395         float: left;
 396         padding: 0 10px;
 397         background-color: #F3F3F3;
 398         //height: 20px; /* for ie */
 399 }
 400 .clickMenu li.main li
 401 {
 402         z-index: 2;
 403         min-width: 78px;
 404 }
 405 .clickMenu li.hover
 406 {
 407         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 408         background-color : transparent;
 409 }
 410 .clickMenu img.liArrow
 411 {
 412         position: absolute;
 413         right: 5px;
 414         top: 0.41em;
 415 }
 416 .clickMenu ul a {
 417         cursor: default;
 418 }
 419
 420 ul.innerBox a {
 421         cursor : pointer;
 422 }
 423
 424 ul.innerBox {
 425         border: 1px solid #E8E8E8;
 426 }
 427
 428 div.yui-b h5 {
 429         font-size : 100%;
 430         margin : .5em 0;
 431 }
 432
 433 dt {
 434         font-size : 110%;
 435         font-weight : bold;
 436 }
 437
 438 dd {
 439         padding : .2em;
 440         text-indent : 1.5em;
 441 }
 442
 443 div#toolbar {
 444         background-color : #F3F3F3;
 445 }
 446
 447 ul.toolbar {
 448 }
 449
 450 ul.toolbar li {
 451         display : inline;
 452         float : left;
 453         list-style : none;
 454 }
 455
 456 ul.toolbar li a {
 457         background-color : #F3F3F3;
 458         border : 1px solid #F3F3F3;
 459         display : block;
 460         margin : 3px;
 461         padding : 3px;
 462         text-decoration : none;
 463 }
 464
 465 ul.toolbar li a:hover {
 466         background-color : #FFFFCC;
 467 }
 468
 469 ul.toolbar li:last-child a:hover {
 470 }
 471
 472 ul.toolbar ul {
 473         display : none;
 474 }
 475
 476 div.message {
 477    border : 1px solid #6699CC;
 478         width : 33%;
 479         margin : 1em;
 480         padding : .5em;
 481 }
 482
 483 div.patroninfo {
 484         margin-bottom : .5em;
 485         margin-top : -.5em;
 486 }
 487
 488 div.patroninfo h5 {
 489         background-color : #F5F0CC;
 490         border-top :  1px solid #CCCC99;
 491         border-left :  1px solid #CCCC99;
 492         border-right :  1px solid #CCCC99;
 493         margin-bottom : 0;
 494         padding-bottom : .5em;
 495 }
 496
 497 div.patroninfo ul {
 498         border : 1px solid #CCCC99;
 499         border-top : 0;
 500         background-color : #F5F0CC;
 501 }
 502
 503 div.patroninfo ul li {
 504         list-style-type : none;
 505 }
 506
 507 a.member-edit {
 508         float : right;
 509         background-color : #DBECC8;
 510         margin-top : .5em;
 511         padding : .3em;
 512         text-align : right;
 513         text-decoration : none;
 514 }