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 strong {
  50         font-weight : bold;
  51 }
  52
  53 em {
  54         font-style : italic;
  55 }
  56
  57 #hd {
  58 }
  59
  60 #navigation {
  61         border-right : 1px solid #BCBCBC;
  62 }
  63
  64 #navigation li {
  65         font-weight : bold;
  66 }
  67
  68 #navigation li li {
  69         font-weight : normal;
  70 }
  71
  72 #navigation input {
  73         font-size : 85%;
  74 }
  75
  76 #ft {
  77 }
  78
  79 .yui-u {
  80 }
  81
  82 #doc3 {
  83         padding-top : 1em;
  84 }
  85
  86 #login   {
  87         position : absolute;
  88         top : 3px;
  89         right : .5em;
  90 }
  91
  92 #login a {
  93
  94 }
  95
  96 ul {
  97         padding-left : 1.1em;
  98 }
  99
 100 li {
 101
 102         list-style-type : disc;
 103 }
 104
 105 #header {
 106         background-color : #F3F3F3;
 107         border-bottom : 1px solid #E8E8E8;
 108 }
 109
 110 #header:after { /* clearing without presentational markup, IE gets extra treatment */
 111     display: block;
 112     clear: both;
 113     content: " ";
 114 }
 115
 116 #sitetitle {
 117 /*      background-image : url("../../img/koha-logo-black.png");
 118         background-position : 5px 2px;
 119         background-repeat : no-repeat;
 120         float : left;
 121         height : 54px;
 122         padding-left : 50px;*/
 123         border-bottom : 1px solid #E8E8E8;
 124 }
 125
 126 #sitetitle h1 {
 127         display : inline;
 128         line-height : 54px;
 129 }
 130
 131 #sitetitle h1 a {
 132         text-decoration : none;
 133 }
 134
 135 #toplevelnav {
 136         float : left;
 137         line-height : 2em;
 138 }
 139
 140 #submenu {
 141         margin : 0 0 .5em 0;
 142         padding : 0;
 143 }
 144
 145 #submenu ul {
 146         margin : 0;
 147         padding : 0;
 148 }
 149
 150 #submenu ul li {
 151         padding-left : 0;
 152 }
 153
 154 /*#toplevelnav ul {
 155         margin : 0;
 156         padding : 0;
 157 }
 158
 159 #toplevelnav li, #submenu li {
 160         display : inline;
 161         border-right : 1px solid #E8E8E8;
 162         padding : 0 .5em;
 163         white-space : nowrap;
 164 }
 165
 166 #toplevelnav li:last-child, #submenu li:last-child {
 167         border : 0;
 168 }*/
 169
 170 table {
 171         border-collapse : collapse;
 172         border-top : 1px solid #BCBCBC;
 173         border-right : 1px solid #BCBCBC;
 174 }
 175
 176 td, th {
 177         border-bottom : 1px solid #BCBCBC;
 178         border-left : 1px solid #BCBCBC;
 179         padding : .5em;
 180 }
 181
 182 td {
 183         background-color : White;
 184 }
 185
 186 th {
 187         background-color : #E8E8E8;
 188         font-weight : bold;
 189 }
 190
 191 td.highlight {
 192         background-color : #F3F3F3;
 193 }
 194
 195 caption {
 196         font-size : 153.9%;
 197         font-weight : bold;
 198 }
 199
 200 span.problem {
 201         background-color : #FFFFCC;
 202         color : #990000;
 203         font-weight : bold;
 204         line-height : 1.7em;
 205 }
 206
 207 fieldset {
 208         border : 2px solid #EEEEEE;
 209         margin : 1em;
 210         padding : 1em;
 211 }
 212
 213 legend {
 214         font-size : 138.5%;
 215         font-weight : bold;
 216         margin : 0 0 0 -1em;
 217         padding : 0;
 218 }
 219
 220 #breadcrumbs {
 221         background-color : #F3F3F3;
 222         border-bottom : 1px solid #E8E8E8;
 223         clear : both;
 224         font-size : 90%;
 225         padding :.2em .5em .4em .5em;
 226 }
 227
 228 #commonsearch {
 229         display : inline;
 230 }
 231
 232
 233 div#header_search {
 234         background-image : url("../../img/koha-logo-medium.gif");
 235         background-position : .5em .5em;
 236         background-repeat : no-repeat;
 237         float: left;
 238         padding-left : 14.2em;
 239         margin: 1em 0 1.5em 0;
 240 }
 241
 242 div#header_search input {
 243         font-size : 1.3em;
 244 }
 245
 246 div#header_search ul.link-tabs {
 247         font-family : Arial, Geneva, sans-serif;
 248         margin-bottom : -4px;
 249 }
 250
 251 div#header_search ul.link-tabs li.on a,
 252 div#header_search ul.link-tabs li a,
 253 div#header_search ul.link-tabs li.off a {
 254         padding : 0.1em .5em .2em .5em;
 255 }
 256
 257 div#circ_search,div#catalog_search,div#patron_search {
 258         border : 0;
 259         border-bottom : 1px solid #FF9900;
 260         padding : 0 0 .2em 0;
 261 }
 262
 263 div#patron_search {
 264         display : none;
 265 }
 266
 267 div#circ_search {
 268         display : block;
 269 }
 270
 271 div#catalog_search {
 272         display : none;
 273 }
 274
 275 /* Panel-Switch Tabs */
 276 ul.link-tabs {
 277         list-style-type: none;
 278         margin: 1px 0 9px 5px;
 279         padding: 0;
 280 }
 281
 282 ul.link-tabs li {
 283         display: inline;
 284         padding: 0px;
 285 }
 286
 287 ul.link-tabs li a {
 288         border-bottom: 1px solid #333333;
 289         border-left : 1px solid #DDDDDD;
 290         border-right : 1px solid #666666;
 291         padding: .2em 1.2em .2em 1.2em;
 292         text-decoration: none;
 293 }
 294
 295 ul.link-tabs li.off a {
 296         background-color: #FFFFFF;
 297         border : 0;
 298         margin-right : 1px;
 299         text-decoration: underline;
 300 }
 301
 302 ul.link-tabs li.off a:hover {
 303         background-color: #FFFFEC;
 304         border : 0;
 305         margin-right : 0;
 306         padding: .2em 1.2em .2em 1.2em;
 307 }
 308
 309 ul.link-tabs li.on a {
 310         background-color: #FFFFCC;
 311         border-top: 1px solid #FFFFCC;
 312         border-right: 1px solid #FF9900;
 313         border-bottom: 1px solid #FF9900;
 314         border-left: 1px solid #FFCC66;
 315         font-weight : bold;
 316 }
 317
 318 div#header_search .tip {
 319         font-size: 93%;
 320         color : Gray;
 321 }
 322
 323 /* ClickMenu Overrides */
 324
 325 div.cmDiv
 326 {
 327         border: 0;
 328         background-color: #F3F3F3;
 329 }
 330
 331
 332 .clickMenu li.more a {
 333         background-image: url("../../img/more-arrow.gif");
 334         background-position: right;
 335         background-repeat: no-repeat;
 336         padding-right : 13px;
 337 }
 338
 339 .clickMenu li.more li a {
 340         background-image : none;
 341         padding-right : 0;
 342 }
 343
 344 .clickMenu
 345 {
 346         margin: 0;
 347         padding: 0;
 348         cursor: default;
 349 }
 350 .clickMenu, .clickMenu ul
 351 {
 352         list-style: none;
 353 }
 354 .clickMenu ul
 355 {
 356         margin: 0;
 357         padding: 2px;
 358         border: 0;
 359         background-color: #F3F3F3;
 360         min-width: 100px; /* ie doesnt know this :/ */
 361         //float: left;/*ie again*/
 362         //width: 100%;/*and again*/
 363 }
 364 .clickMenu div.outerbox
 365 {
 366         display: none;
 367         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 368 }
 369 .clickMenu div.inner
 370 {
 371         //top: 20px; /* for ie */
 372         left: 0;
 373         margin: 0;
 374 }
 375 .clickMenu div.inner div.outerbox
 376 {
 377         margin: 0;
 378         left: 98px;
 379         //left: 90px; /* for ie */
 380         top: -3px;
 381 }
 382 .clickMenu li
 383 {
 384         list-style-type : none;
 385         position: relative;
 386         padding: 0 20px 0 2px;
 387         /*white-space: nowrap; does not really work in ie */
 388 }
 389 .clickMenu li.main
 390 {
 391         float: left;
 392         padding: 0 10px;
 393         background-color: #F3F3F3;
 394         //height: 20px; /* for ie */
 395 }
 396 .clickMenu li.main li
 397 {
 398         z-index: 2;
 399         min-width: 78px;
 400 }
 401 .clickMenu li.hover
 402 {
 403         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 404         background-color : transparent;
 405 }
 406 .clickMenu img.liArrow
 407 {
 408         position: absolute;
 409         right: 5px;
 410         top: 0.41em;
 411 }
 412 .clickMenu ul a {
 413         cursor: default;
 414 }
 415
 416 ul.innerBox a {
 417         cursor : pointer;
 418 }
 419
 420 ul.innerBox {
 421
 422         border: 1px solid #E8E8E8;
 423 }