koha-dev.rot13.org Git - koha_gimpoz/blob - 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 : 182%;
  21         font-weight : bold;
  22 }
  23
  24 h2 {
  25         font-size : 167%;
  26         font-weight : bold;
  27 }
  28
  29 h3 {
  30         font-size : 153.9%;
  31         font-weight : bold;
  32 }
  33
  34 h4 {
  35         font-size : 138.5%;
  36         font-weight : bold;
  37 }
  38
  39 h5 {
  40         font-size : 123.1%;
  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 div.cmDiv
 323 {
 324         border: 0;
 325         background-color: #F3F3F3;
 326 }
 327
 328
 329 .clickMenu li.more a {
 330         background-image: url("../../img/more-arrow.gif");
 331         background-position: right;
 332         background-repeat: no-repeat;
 333         padding-right : 13px;
 334 }
 335
 336 .clickMenu li.more li a {
 337         background-image : none;
 338         padding-right : 0;
 339 }
 340
 341 .clickMenu
 342 {
 343         margin: 0;
 344         padding: 0;
 345         cursor: default;
 346 }
 347 .clickMenu, .clickMenu ul
 348 {
 349         list-style: none;
 350 }
 351 .clickMenu ul
 352 {
 353         margin: 0;
 354         padding: 2px;
 355         border: 0;
 356         background-color: #F3F3F3;
 357         min-width: 100px; /* ie doesnt know this :/ */
 358         //float: left;/*ie again*/
 359         //width: 100%;/*and again*/
 360 }
 361 .clickMenu div.outerbox
 362 {
 363         display: none;
 364         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 365 }
 366 .clickMenu div.inner
 367 {
 368         //top: 20px; /* for ie */
 369         left: 0;
 370         margin: 0;
 371 }
 372 .clickMenu div.inner div.outerbox
 373 {
 374         margin: 0;
 375         left: 98px;
 376         //left: 90px; /* for ie */
 377         top: -3px;
 378 }
 379 .clickMenu li
 380 {
 381         list-style-type : none;
 382         position: relative;
 383         padding: 0 20px 0 2px;
 384         /*white-space: nowrap; does not really work in ie */
 385 }
 386 .clickMenu li.main
 387 {
 388         float: left;
 389         padding: 0 10px;
 390         background-color: #F3F3F3;
 391         //height: 20px; /* for ie */
 392 }
 393 .clickMenu li.main li
 394 {
 395         z-index: 2;
 396         min-width: 78px;
 397 }
 398 .clickMenu li.hover
 399 {
 400         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 401         background-color : transparent;
 402 }
 403 .clickMenu img.liArrow
 404 {
 405         position: absolute;
 406         right: 5px;
 407         top: 0.41em;
 408 }
 409 .clickMenu ul a {
 410         cursor: default;
 411 }
 412
 413 ul.innerBox a {
 414         cursor : pointer;
 415 }
 416
 417 ul.innerBox {
 418
 419         border: 1px solid #E8E8E8;
 420 }
 421
 422 div.yui-b h5 {
 423         font-size : 100%;
 424         margin : .5em 0;
 425 }
 426
 427 dt {
 428         font-size : 110%;
 429         font-weight : bold;
 430 }
 431
 432 dd {
 433         padding : .2em;
 434         text-indent : 1.5em;
 435 }
 436
 437 div#toolbar {
 438         background-color : #F3F3F3;
 439 }
 440
 441 ul.toolbar {
 442 }
 443
 444 ul.toolbar li {
 445         display : inline;
 446         float : left;
 447         list-style : none;
 448 }
 449
 450 ul.toolbar li a {
 451         background-color : #F3F3F3;
 452         border : 1px solid #F3F3F3;
 453         display : block;
 454         margin : 3px;
 455         padding : 3px;
 456         text-decoration : none;
 457 }
 458
 459 ul.toolbar li a:hover {
 460         background-color : #FFFFCC;
 461 }
 462
 463 ul.toolbar li:last-child a:hover {
 464 }
 465
 466 ul.toolbar ul {
 467         display : none;
 468 }