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 {
 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 /* ClickMenu Overrides */
 316
 317 div.cmDiv
 318 {
 319         border: 0;
 320         background-color: #F3F3F3;
 321 }
 322
 323
 324 .clickMenu li.more a {
 325         background-image: url("../../img/more-arrow.gif");
 326         background-position: right;
 327         background-repeat: no-repeat;
 328         padding-right : 13px;
 329 }
 330
 331 .clickMenu li.more li a {
 332         background-image : none;
 333         padding-right : 0;
 334 }
 335
 336 .clickMenu
 337 {
 338         margin: 0;
 339         padding: 0;
 340         cursor: default;
 341 }
 342 .clickMenu, .clickMenu ul
 343 {
 344         list-style: none;
 345 }
 346 .clickMenu ul
 347 {
 348         margin: 0;
 349         padding: 2px;
 350         border: 0;
 351         background-color: #F3F3F3;
 352         min-width: 100px; /* ie doesnt know this :/ */
 353         //float: left;/*ie again*/
 354         //width: 100%;/*and again*/
 355 }
 356 .clickMenu div.outerbox
 357 {
 358         display: none;
 359         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 360 }
 361 .clickMenu div.inner
 362 {
 363         //top: 20px; /* for ie */
 364         left: 0;
 365         margin: 0;
 366 }
 367 .clickMenu div.inner div.outerbox
 368 {
 369         margin: 0;
 370         left: 98px;
 371         //left: 90px; /* for ie */
 372         top: -3px;
 373 }
 374 .clickMenu li
 375 {
 376         list-style-type : none;
 377         position: relative;
 378         padding: 0 20px 0 2px;
 379         /*white-space: nowrap; does not really work in ie */
 380 }
 381 .clickMenu li.main
 382 {
 383         float: left;
 384         padding: 0 10px;
 385         background-color: #F3F3F3;
 386         //height: 20px; /* for ie */
 387 }
 388 .clickMenu li.main li
 389 {
 390         z-index: 2;
 391         min-width: 78px;
 392 }
 393 .clickMenu li.hover
 394 {
 395         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 396         background-color : transparent;
 397 }
 398 .clickMenu img.liArrow
 399 {
 400         position: absolute;
 401         right: 5px;
 402         top: 0.41em;
 403 }
 404 .clickMenu ul a {
 405         cursor: default;
 406 }
 407
 408 ul.innerBox a {
 409         cursor : pointer;
 410 }
 411
 412 ul.innerBox {
 413
 414         border: 1px solid #E8E8E8;
 415 }
 416
 417 div.yui-b h5 {
 418         font-size : 100%;
 419         margin : .5em 0;
 420 }
 421
 422 dt {
 423         font-size : 110%;
 424         font-weight : bold;
 425 }
 426
 427 dd {
 428         padding : .2em;
 429         text-indent : 1.5em;
 430 }