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

   1 /* COLORS, BACKGROUNDS, AND BORDERS */
   2
   3 a {
   4         color : #006699;
   5 }
   6
   7 a:active {
   8         color : #990033;
   9 }
  10
  11 a:visited {
  12         color : #006699;
  13 }
  14
  15 a:hover {
  16         color : #990033;
  17 }
  18
  19 a:link.current {
  20         background-color : transparent;
  21         color : #3366CC;
  22 }
  23
  24 a:hover.current {
  25         background-color : #CCFF00;
  26         color : #CC3333;
  27 }
  28
  29 a:visited.current {
  30         background-color : transparent;
  31         color : #3366CC;
  32 }
  33
  34 a:active.current {
  35         background-color : #99CC00;
  36         color : #FFFF99;
  37 }
  38
  39 a:link.nav {
  40         background-color : #EFF1DC;
  41         border : 1px solid #CCCC99;
  42         color : #3366CC;
  43 }
  44
  45 a:hover.nav {
  46         background-color : #FFFFCC;
  47         border : 1px solid #CCCC99;
  48         color : #CC3333;
  49 }
  50
  51 a:active.nav {
  52         background-color : #FFFFCC;
  53         border : 1px solid #CCCC99;
  54         color : #D25500;
  55 }
  56
  57 a:visited.nav {
  58         background-color : #EFF1DC;
  59         border : 1px solid #CCCC99;
  60         color : #3366CC;
  61 }
  62
  63 .menu a:link.logout {
  64         background-color : #FFDD75;
  65         color : Black;
  66 }
  67
  68 .menu a:active.logout {
  69         background-color : #FFDD75;
  70         color : Black;
  71 }
  72
  73
  74 .menu a:visited.logout {
  75         background-color : #FFDD75;
  76         color : Black;
  77 }
  78
  79 .menu a:hover.logout {
  80         background-color : #FFCC33;
  81         color : Black;
  82 }
  83
  84 body {
  85         background-color : #FFFFFF;
  86 }
  87
  88 caption {
  89         color : #000066;
  90 }
  91
  92 div.form, div.details {
  93         background-color : #FFFFFF;
  94 }
  95
  96 h1,h2,h3,h4,h5,h6 {
  97         color : #000066;
  98 }
  99
 100 h1.logo {
 101         color : #D3DFAD;
 102 }
 103
 104 p.error, div.error {
 105         background-color : #FFFFCC;
 106         border : 1px dashed #cc6600;
 107 }
 108
 109 div.error h3 {
 110         color : #990000;
 111 }
 112
 113 table {
 114         background-color : #ffffff;
 115 }
 116
 117 td {
 118         border-bottom : 1px solid #DDDDDD;
 119         border-right : 1px solid #DDDDDD;
 120 }
 121
 122 th {
 123         background-color : #EFF1DC;
 124         border-bottom : 1px solid #CCCCCC;
 125         border-right : 1px solid #CCCCCC;
 126 }
 127
 128 th[scope="row"] {
 129         background-color : #E7E7CA;
 130 }
 131
 132 tr.highlight th[scope="row"] {
 133         background-color : #EEEEEE;
 134 }
 135
 136 th:last-child {
 137         background-color : #EFF1DC;
 138         border-bottom : 1px solid #CCCCCC;
 139         border-right : 0 solid #CCCCCC;
 140 }
 141
 142 td.input, div.form td, div.details td {
 143         border-bottom : 1px solid #CCCCCC;
 144         border-left : 0;
 145         border-right : 0;
 146         color : #000000;
 147 }
 148
 149 td.label, div.form th, div.details th {
 150         background-color : #FFF;
 151         border-bottom : 1px solid #CCCCCC;
 152         border-left : 1px solid #CCCCCC;
 153         border-right : 0;
 154         border-top : 0;
 155         color : #000088;
 156 }
 157
 158 td.label {
 159         border-bottom : 1px solid #CCCCCC;
 160         border-left : 1px solid #CCCCCC;
 161         color : #000088;
 162 }
 163
 164 td:last-child {
 165         border-bottom : 1px solid #CCCCCC;
 166         border-right : 0 solid #CCCCCC;
 167 }
 168
 169 tr.highlight {
 170         background-color : #F8F8EB;
 171 }
 172
 173 .content-block {
 174         background-color : #FFFFFF;
 175 }
 176
 177 .current {
 178         background-color : #FFFFFF;
 179         color : #3366CC;
 180 }
 181
 182 .further {
 183         color: #CCCC99;
 184         border: 2px solid #DDDED3;
 185         background-color : #EEEEEB;
 186 }
 187
 188 .further h4 {
 189         background-color : #D8DEB8;
 190 }
 191
 192 .further li {
 193         border-bottom : 1px solid #DDDED3;
 194         }
 195
 196 .detail-sidebar {
 197         background-color : #EEEEEB;
 198 }
 199
 200 .operations li a, .operations li a:visited {
 201         border: 2px solid #D8DEB8;
 202         color: #FFFFCC;
 203         background-color : #6699CC;
 204 }
 205
 206 .operations li a:hover {
 207         color: #FFFF99;
 208         background-color: #0099FF;
 209 }
 210
 211 .operations li a:active {
 212         color: : #FFFF99;
 213         background-color: #0099FF;
 214 }
 215
 216 .loggedin {
 217         color : #D8DEB8;
 218 }
 219
 220 .marctag {
 221         color : #000000;
 222         background-color : #E7E7CA;
 223 }
 224
 225 .marcsubfieldletter {
 226         background-color: #EFF1DC;
 227 }
 228
 229 .marcsubfieldname {
 230         background-color: #EFF1DC;
 231 }
 232
 233 .subfield {
 234         background-color: #EFF1DC;
 235 }
 236
 237 .subfieldvalue {
 238         background-color : #FFFFFF;
 239 }
 240
 241 .menu {
 242         color : #000000;
 243 }
 244
 245 #members a {
 246         text-decoration : none;
 247 }
 248
 249 .menu a:link, #members a:link {
 250         color : #0099CC;
 251 }
 252
 253 .menu a:visited, #members a:visited {
 254         color : #0099CC;
 255 }
 256
 257 .menu a:hover, #members a:hover {
 258         color : #990000;
 259 }
 260
 261 .menu a:active, #members a:active {
 262         color : #990000;
 263 }
 264
 265 .opac-detail {
 266         background-color : #FFFFCC;
 267 }
 268
 269 em.new {
 270         color : #CC3333;
 271 }
 272
 273 .note {
 274         background-color : #EEEEEB;
 275         border-left : 1px solid #DDDED3;
 276         border-top : 1px solid #DDDED3;
 277         border-right : 1px solid #DDDED3;
 278         border-bottom : 1px solid #DDDED3;
 279 }
 280 .opac-detail dd {
 281         border-bottom : 1px solid #E7E7CA;
 282         color : #000000;
 283 }
 284
 285 .submit {
 286         background-color : #6699CC;
 287         color : #FFFFCC;
 288 }
 289
 290 input.icon {
 291         background-color : #6699CC;
 292         color : #FFFFCC;
 293 }
 294
 295 #footer {
 296         border-top : 1px solid #EEEEEE;
 297 }
 298
 299 #main {
 300         background-color : transparent;
 301         border-right  : 1px solid #EEEEEE;
 302 }
 303
 304 #window {
 305         background-color : #E7E7CA;
 306         border-left : 1px solid #CCCC99;
 307 }
 308
 309 #masthead {
 310         background-color : White;
 311         border-bottom : 1px solid #EEEEEE;
 312 }
 313
 314 #nav {
 315         background-color : #EFF1DC;
 316 }
 317
 318 #nav ul li {
 319         background-color : #EFF1DC; /*width : 100%;*/
 320         border-bottom : 1px solid #CCCC99;
 321         border-left : 0 solid #FFFFCC;
 322         border-right : 0 solid #006699;
 323         border-top : 0 solid #FFFFCC;
 324 }
 325
 326 #nav ul li+li {
 327         border-bottom : 1px solid #CCCC99;
 328         border-left : 0 solid #FFFFCC;
 329         border-right : 0 solid #006699;
 330 }
 331
 332 #nav li ul li {
 333         background-color : #E7E7CA;
 334         border-bottom : 1px solid #D8DEB8;
 335         border-left : 0 solid #FFFFCC;
 336         border-right : 0 solid #006699;
 337         border-top : 0 solid #FFFFCC;
 338 }
 339
 340 #nav li ul li a {
 341         color: Blue;
 342 }
 343
 344 #nav li ul li a:link {
 345         color: #359;
 346 }
 347
 348 #nav li ul li a:visited {
 349         color: #359;
 350 }
 351
 352 #nav li ul li a:hover {
 353         color: #CC3333;
 354 }
 355
 356 #results, .results {
 357         color : #000066;
 358 }
 359
 360 #sidebar {
 361         background-color : #F8F8EB;
 362         border : 1px dashed #666666;
 363 }
 364
 365 #sidebar h3 {
 366         color : #000066;
 367 }
 368
 369 #sidebar .submit {
 370         background-color : #6699CC;
 371         color : #FFFFCC;
 372 }
 373
 374 #search-sidebar {
 375         background-color : #F8F8EB;
 376 }
 377
 378 .sidebar-box {
 379         border : 1px dashed #cccccc;
 380 }
 381
 382 .issued {
 383         color : #999999;
 384 }
 385
 386 tr.overdue td {
 387         background-color : #fea7a7;
 388 }
 389
 390 td.overdue {
 391         color : #cc0000;
 392 }
 393
 394
 395 #members {
 396         background-color : transparent;
 397         border : 0px dashed #666666;
 398         color : #000066;
 399         }
 400
 401 #members a.logout {
 402         background-color : #FFDD75;
 403         color : Black;
 404 }
 405
 406 #members a:hover.logout {
 407         background-color : #FFCC33;
 408 }
 409
 410 .loggedinusername {
 411         color : #666666;
 412 }
 413
 414 /* Amazon CSS Stuff */
 415
 416 #itemReviews dt {
 417         border-bottom: 1px solid #ddd;
 418 }