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,div#subscription_search {
 258         border : 0;
 259         border-bottom : 1px solid #FF9900;
 260         padding : 0 0 .2em 0;
 261 }
 262
 263 /* Panel-Switch Tabs */
 264 ul.link-tabs {
 265         list-style-type: none;
 266         margin: 1px 0 9px 5px;
 267         padding: 0;
 268 }
 269
 270 ul.link-tabs li {
 271         display: inline;
 272         padding: 0px;
 273 }
 274
 275 ul.link-tabs li a {
 276         border-bottom: 1px solid #333333;
 277         border-left : 1px solid #DDDDDD;
 278         border-right : 1px solid #666666;
 279         padding: .2em 1.2em .2em 1.2em;
 280         text-decoration: none;
 281 }
 282
 283 ul.link-tabs li.off a {
 284         background-color: #FFFFFF;
 285         border : 0;
 286         margin-right : 1px;
 287         text-decoration: underline;
 288 }
 289
 290 ul.link-tabs li.off a:hover {
 291         background-color: #FFFFEC;
 292         border : 0;
 293         margin-right : 0;
 294         padding: .2em 1.2em .2em 1.2em;
 295 }
 296
 297 ul.link-tabs li.on a {
 298         background-color: #FFFFCC;
 299         border-top: 1px solid #FFFFCC;
 300         border-right: 1px solid #FF9900;
 301         border-bottom: 1px solid #FF9900;
 302         border-left: 1px solid #FFCC66;
 303         font-weight : bold;
 304 }
 305
 306 div#header_search .tip {
 307         font-size: 93%;
 308         color : Gray;
 309 }
 310
 311 /* ClickMenu Overrides */
 312
 313 div.cmDiv
 314 {
 315         border: 0;
 316         background-color: #F3F3F3;
 317 }
 318
 319
 320 .clickMenu li.more a {
 321         background-image: url("../../img/more-arrow.gif");
 322         background-position: right;
 323         background-repeat: no-repeat;
 324         padding-right : 13px;
 325 }
 326
 327 .clickMenu li.more li a {
 328         background-image : none;
 329         padding-right : 0;
 330 }
 331
 332 .clickMenu
 333 {
 334         margin: 0;
 335         padding: 0;
 336         cursor: default;
 337 }
 338 .clickMenu, .clickMenu ul
 339 {
 340         list-style: none;
 341 }
 342 .clickMenu ul
 343 {
 344         margin: 0;
 345         padding: 2px;
 346         border: 0;
 347         background-color: #F3F3F3;
 348         min-width: 100px; /* ie doesnt know this :/ */
 349         //float: left;/*ie again*/
 350         //width: 100%;/*and again*/
 351 }
 352 .clickMenu div.outerbox
 353 {
 354         display: none;
 355         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 356 }
 357 .clickMenu div.inner
 358 {
 359         //top: 20px; /* for ie */
 360         left: 0;
 361         margin: 0;
 362 }
 363 .clickMenu div.inner div.outerbox
 364 {
 365         margin: 0;
 366         left: 98px;
 367         //left: 90px; /* for ie */
 368         top: -3px;
 369 }
 370 .clickMenu li
 371 {
 372         list-style-type : none;
 373         position: relative;
 374         padding: 0 20px 0 2px;
 375         /*white-space: nowrap; does not really work in ie */
 376 }
 377 .clickMenu li.main
 378 {
 379         float: left;
 380         padding: 0 10px;
 381         background-color: #F3F3F3;
 382         //height: 20px; /* for ie */
 383 }
 384 .clickMenu li.main li
 385 {
 386         z-index: 2;
 387         min-width: 78px;
 388 }
 389 .clickMenu li.hover
 390 {
 391         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 392         background-color : transparent;
 393 }
 394 .clickMenu img.liArrow
 395 {
 396         position: absolute;
 397         right: 5px;
 398         top: 0.41em;
 399 }
 400 .clickMenu ul a {
 401         cursor: default;
 402 }
 403
 404 ul.innerBox a {
 405         cursor : pointer;
 406 }
 407
 408 ul.innerBox {
 409
 410         border: 1px solid #E8E8E8;
 411 }
 412
 413 div.yui-b h5 {
 414         font-size : 100%;
 415         margin : .5em 0;
 416 }