koha-tmpl/opac-tmpl/prog/en/css/opac.css

   1 @import url("/opac-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
   2
   3 a {
   4         font-weight : bold;
   5 }
   6
   7 a, a:visited {
   8         color : #006699;
   9 }
  10
  11 a:hover {
  12         text-decoration : none;
  13         color : #990033;
  14 }
  15
  16 body {
  17         background-color : white;
  18         text-align : left;
  19 }
  20
  21 caption {
  22         font-size : 140%;
  23         text-align : left;
  24         font-weight : bold;
  25 }
  26
  27 fieldset {
  28         border : 1px solid #dddddd;
  29 }
  30
  31 h1 {
  32         font-size : 138.5%;
  33 }
  34
  35 h1#libraryname {
  36         font-weight : normal;
  37         margin : .2em 0 .2em .5em;
  38 }
  39
  40 h1#libraryname a {
  41         text-decoration : none;
  42 }
  43
  44 h1#libraryname a:hover {
  45         color : #384B73;
  46 }
  47
  48 h1,h2,h3,h4,h5,h6 {
  49         font-weight : bold;
  50         margin : .5em 0;
  51 }
  52
  53 h2 {
  54         font-size : 131%;
  55 }
  56
  57 h3 {
  58         font-size : 123.1%;
  59 }
  60
  61 h4 {
  62         font-size : 116%;
  63 }
  64
  65 h5 {
  66         font-size : 108%;
  67 }
  68
  69 h6 {
  70         font-size : 100%;
  71 }
  72
  73 input[type=submit], input[type=button], input[type=reset] {
  74         background-color : #6BA037;
  75         color : #FFFFFF;
  76         font-weight : bold;
  77         padding : 2px;
  78 }
  79
  80 p.searchresults {
  81         background-color : #EFF1DC;
  82 }
  83
  84 table {
  85         border-collapse : collapse;
  86         margin : 1em 0;
  87         border-right : 1px solid #dddddd;
  88         border-top : 1px solid #dddddd;
  89 }
  90
  91 td,th {
  92         border-left : 1px solid #dddddd;
  93         border-bottom : 1px solid #dddddd;
  94         padding : 5px;
  95 }
  96
  97 th {
  98         background-color : #eeeeee;
  99 }
 100
 101 th[scope=row] {
 102         text-align : right;
 103 }
 104
 105 tr.highlight td, tr.highlight th {
 106         background-color : #EEEEEE;
 107         border : 1px solid #DDDDDD;
 108         border-right : 1px solid #DDDDDD;
 109 }
 110
 111 ul {
 112         list-style : disc;
 113         padding-left : 1em;
 114 }
 115
 116 li {
 117         list-style : disc;
 118 }
 119
 120 .available {
 121         font-size : 0.75em;
 122 }
 123
 124 .inwait {
 125         background-color : #33CC99;
 126 }
 127
 128 /* css styles for reserves color alerts */
 129 .onloan {
 130         background-color : #FFED3D;
 131 }
 132
 133 .other {
 134         background-color : #FF0000;
 135 }
 136
 137 /* "problem" enhancement */
 138 .problem {
 139         color : white;
 140         background-color : red;
 141 }
 142
 143 .reserved {
 144         background-color : #8EBAFF;
 145 }
 146
 147 /* style for search terms in catalogsearch */
 148 .term {
 149         background-color : #ffffe0;
 150         color : #990033;
 151 }
 152
 153 a .term {
 154         text-decoration : underline;
 155 }
 156
 157 .transfered {
 158         background-color : #F9FF9A;
 159 }
 160
 161 .unavailable {
 162         background-color : #FFED3D;
 163 }
 164
 165 /* action buttons */
 166 #action {
 167         margin-top : 15px;
 168 }
 169
 170 #action a {
 171         background-color : #6699cc;
 172         color : #eeeeee;
 173         font-size : 0.8em;
 174         font-weight : bold;
 175         border : 1px outset #666666;
 176         margin-right : 5px;
 177         padding : 0 5px 0 5px;
 178 }
 179
 180 #action a:hover {
 181         color : white;
 182         border : 1px inset;
 183 }
 184
 185 /* the itemtype list in advanced search */
 186 #advsearch-itemtype table {
 187         border-collapse : separate;
 188         border-spacing : 3px;
 189         border : 0px;
 190         margin : 0px;
 191         background-color : white;
 192         border : 0px solid #D8DEB8;
 193 }
 194
 195 #advsearch-itemtype table tr td {
 196         background-color : #F8F8EB;
 197         border : 0px;
 198         margin : 0px;
 199         width : 700px;
 200 }
 201
 202 #advsearch-itemtype td {
 203         font-size : 0.8em;
 204         background-color : #F8F8EB;
 205 }
 206
 207 #auth {
 208         float : left;
 209 }
 210
 211 #facets {
 212
 213 }
 214
 215 /* the footer */
 216 #footer {
 217         margin-top : 30px;
 218         margin-left : 30%;
 219         margin-right : 20%;
 220         border-top : 1px solid #384b73;
 221         color : #384b73;
 222         font-size : 1em;
 223         text-align : center;
 224 }
 225
 226 /* facets bloc */
 227 /* the USER information block */
 228 #librarian_information {
 229         float : right;
 230         font-size : 10pt;
 231 }
 232
 233 #members {
 234         font-size : .8em;
 235         font-weight : bold;
 236         padding : 4px 0 4px 0;
 237         background-image : url(../../images/member-menu-background.gif);
 238         background-repeat : repeat-x;
 239         border-top : 1px solid #9999CC;
 240         border-bottom : 1px solid #9999CC;
 241         background-color : #AFBCCF;
 242         color : #000066;
 243 }
 244
 245 #members a {
 246         text-decoration : none;
 247 }
 248
 249 #members a.card {
 250         background-image : url(../images/card.gif);
 251         background-position : left;
 252         background-repeat : no-repeat;
 253         display : block;
 254         padding-left : 39px;
 255 }
 256
 257 #members a.logout {
 258         font-weight : bold;
 259         padding : 0 .3em 0 .3em;
 260         text-decoration : none;
 261 }
 262
 263 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
 264         background-image : url(../images/member-menu-background-logout.gif);
 265         background-repeat : repeat-x;
 266         color : #000000;
 267 }
 268
 269 #members a:hover.logout {
 270         background-image : url(../images/member-menu-background-logout-hover.gif);
 271         background-repeat : repeat-x;
 272         color : #000000;
 273 }
 274
 275 #members li {
 276         display : inline;
 277         list-style : none;
 278         margin : 0;
 279 }
 280
 281 #members ul {
 282         margin : 0;
 283         padding : 0;
 284         text-align : right;
 285 }
 286
 287 #members ul li a:link, #members ul li a:visited, #members span.members {
 288         background-image : url(../images/member-menu-background-link.gif);
 289         background-repeat : repeat-x;
 290         border-left : 1px solid #9999CC;
 291         color : #006699;
 292 }
 293
 294 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
 295         padding : 4px;
 296 }
 297
 298 #members ul li a:hover {
 299 }
 300
 301 #members ul li a:hover, #members ul li a:active {
 302         background-image : url(../images/member-menu-background-hover.gif);
 303         background-repeat : repeat-x;
 304 }
 305
 306 #members ul li:last-child {
 307 }
 308
 309 #members ul li:last-child a {
 310         border-right : 1px solid #9999CC;
 311 }
 312
 313 #opac-main-search {
 314         background-image : url( /opac-tmpl/prog/images/menu-background.gif);
 315         background-repeat : repeat-x;
 316         background-color : #6699CC;
 317         border-top : 1px solid #335599;
 318         border-bottom : 1px solid #335599;
 319         padding : 15px 0 15px 10px;
 320         color : #FFFFCC;
 321         font-size : 108%;
 322         line-height : 116%;
 323 }
 324
 325 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 326         color : #FFFFCC;
 327 }
 328
 329 #opac-main-search a:hover {
 330         color : #FFFFFF;
 331 }
 332
 333 #opac-main-search form {
 334         display : inline;
 335 }
 336
 337 #opac-main-search label {
 338         font-weight : bold;
 339 }
 340
 341 /***********************************************************/
 342 /* the user menu, for user option (and biblio detail view) */
 343 /***********************************************************/
 344 #usermenu {
 345         float : right;
 346 }
 347
 348 #usermenu a {
 349         background-color : #6BA037;
 350         color : #FFFFFF;
 351         font-size : 0.8em;
 352         font-weight : bold;
 353         border : 1px outset #666666;
 354         display : block;
 355         margin-bottom : 3px;
 356 }
 357
 358 #usermenu a:hover {
 359         border : 1px inset #666666;
 360 }
 361
 362 .suggestion {
 363         background-color : #EEEEEB;
 364         border : 1px solid #DDDED3;
 365         margin : 10px auto;
 366         padding : 4px;
 367         width : 35%;
 368 }
 369
 370 #facets ul {
 371         margin : 0;
 372         padding : 0;
 373 }
 374
 375 #facets ul li {
 376         font-weight : bold;
 377         text-align : left;
 378         list-style : none;
 379 }
 380
 381 #facets ul ul li {
 382         border : 0;
 383         font-size : 85%;
 384         font-weight : normal;
 385         padding : 2px;
 386         text-align : left;
 387 }
 388
 389 #facets ul ul li a {
 390         font-weight : normal;
 391         text-decoration : underline;
 392 }
 393
 394 #facets h4 {
 395         font-size : 93%;
 396         padding:3px;
 397         text-align:center;
 398         background-color:#E7E7CA;
 399         line-height:1.8em;
 400         margin-left:-1px;
 401         margin-right:-1px;
 402         margin-top:-1px;
 403 }
 404
 405 #breadcrumbs {
 406         padding : .7em;
 407 }
 408
 409 strong {
 410         font-weight : bold;
 411 }
 412
 413 em {
 414         font-style : italic;
 415 }
 416
 417 #catalogue_detail_biblio {
 418         font-size : 90%;
 419         clear : left;
 420         margin: .9em 0 0 0;
 421         padding: 0;
 422         width: 100%;
 423 }
 424
 425 #catalogue_detail_biblio p span.label {
 426         float: left;
 427         font-weight : bold;
 428         width: 6em;
 429         margin-right: 1em;
 430         text-align: right;
 431 }
 432
 433 #catalogue_detail_biblio p {
 434 float : left;
 435 clear : left;
 436 padding-bottom: .3em;
 437 list-style-type: none;
 438 width: 100%;
 439 }