koha-tmpl/opac-tmpl/vanilla/en/includes/vanilla-main.css

   1 /*\r
   2 What is\r
   3 *.search-number\r
   4 \r
   5 */\r
   6 \r
   7 *.search-number {\r
   8   border-bottom: 1px;\r
   9   border-color: #354E27;\r
  10 \r
  11   border-left: 1px;\r
  12   border-right: 1px;\r
  13   border-top: 1px;\r
  14   display: inline;\r
  15   font-family: verdana,arial,hevetica;\r
  16   font-size: small;\r
  17   font-weight: bold;\r
  18   height: 17px;\r
  19   padding: 2px;\r
  20   text-decoration: none;\r
  21   width: 17px;\r
  22 }\r
  23 \r
  24 *.selected-number {\r
  25   background-color: #FEEDDB;\r
  26   border-bottom: 1px;\r
  27   border-color: #354E27;\r
  28   border-left: 1px;\r
  29   border-right: 1px;\r
  30   border-style: solid;\r
  31   border-top: 1px;\r
  32   font-family: verdana,arial,hevetica;\r
  33   font-size: small;\r
  34   font-weight: bold;\r
  35   height: 17px;\r
  36   padding: 2px;\r
  37   text-decoration: none;\r
  38   width: 17px;\r
  39 }\r
  40 \r
  41 a {\r
  42   color: #CC6600;\r
  43   font-weight: bold;\r
  44   \r
  45 }\r
  46 \r
  47 a:visited {\r
  48   color: #3333CC;\r
  49 }\r
  50 \r
  51 a:hover {\r
  52   color: #000000;\r
  53   background-color: D6F96A;\r
  54   \r
  55   \r
  56 }\r
  57 \r
  58 a.button:hover {\r
  59   background: transparent;\r
  60   padding: 0;\r
  61 }\r
  62 \r
  63 body {\r
  64   background-color: #FFFFFF;\r
  65   font-family: verdana,arial,helvetica, san-serif;\r
  66   margin: 0px;\r
  67   padding: 0px;\r
  68 }\r
  69 \r
  70 h1 {\r
  71   color: #663366;\r
  72   font-family: arial,helvetica;\r
  73   font-size: 180%;\r
  74 }\r
  75 \r
  76 .logo h1 {\r
  77   margin-left: 20px;\r
  78   margin-bottom: 4px;\r
  79   margin-top: 4px;\r
  80   color: #D3DFAD;}\r
  81 \r
  82 \r
  83 \r
  84 h2 {\r
  85   color: #663366;\r
  86   font-family: arial,helvetica;\r
  87   font-size: 160%;\r
  88   margin-bottom: 0px;\r
  89   padding-bottom: 0px;\r
  90 }\r
  91 \r
  92 h3 {\r
  93   color: #663366;\r
  94   font-family: arial,helvetica;\r
  95   font-size: 130%;\r
  96   margin-bottom: 0px;\r
  97   padding-bottom: 0px;\r
  98 }\r
  99 \r
 100 h4 {\r
 101   color: #663366;\r
 102   font-family: arial,helvetica;\r
 103   font-size: 110%;\r
 104   margin-bottom: 0px;\r
 105   padding-bottom: 0px;\r
 106 }\r
 107 \r
 108 input {\r
 109   font-family: monospace;\r
 110   font-size: 12px;\r
 111 }\r
 112 \r
 113 input.checkbox {\r
 114   font-family: monospace;\r
 115   font-size: 25px;\r
 116   height: 25px;\r
 117   size: 25px;\r
 118   width: 25px;\r
 119 }\r
 120 \r
 121 \r
 122 \r
 123 \r
 124 \r
 125 p,ul,ol,li {\r
 126   font-family: verdana,arial,helvetica;\r
 127   font-size: 12px;\r
 128   line-height: 20px;\r
 129 }\r
 130 \r
 131 td {\r
 132   font-family: verdana,arial,helvetica;\r
 133   font-size: 12px;\r
 134 }\r
 135 \r
 136 .botnav a:link {\r
 137   color: #41622F;\r
 138   font-family: verdana,arial,helvetica;\r
 139   font-size: 10pt;\r
 140   font-weight: normal;\r
 141 }\r
 142 \r
 143 .botnav a:visited {\r
 144   color: #909E88;\r
 145   font-family: verdana,arial,helvetica;\r
 146   font-size: 10pt;\r
 147   font-weight: normal;\r
 148 }\r
 149 \r
 150 .botnav a:hover {\r
 151   background-color: #D7E8A5;\r
 152   color: #000000;\r
 153 }\r
 154 \r
 155 .brown-box {\r
 156   background-color: #A88050;\r
 157   border: 1px;\r
 158   border-color: #000000;\r
 159   border-style: solid;\r
 160   color: #FEEDDB;\r
 161   font-family: verdana,arial,hevetica;\r
 162   font-size: small;\r
 163   font-weight: bold;\r
 164   padding: 4px;\r
 165 }\r
 166 \r
 167 .crumb {\r
 168   color: #000000;\r
 169   font-weight: normal;\r
 170 }\r
 171 \r
 172 .crumb a:link {\r
 173   color: #CC9966;\r
 174   font-weight: normal;\r
 175 }\r
 176 \r
 177 .crumb a:visited {\r
 178   color: #666666;\r
 179   font-weight: normal;\r
 180 }\r
 181 \r
 182 .crumb a:hover {\r
 183   background-color: #D6F96A;\r
 184   color: #000000;\r
 185 }\r
 186 \r
 187 .dk-brown{\r
 188   background-color: #A2BB64; D7E8A5; 4E300C;\r
 189 }\r
 190 \r
 191 .fines-box {\r
 192   background-color: #E3A46D;\r
 193   border: 1px;\r
 194   border-style: solid;\r
 195   border-color: #4E300E;\r
 196   \r
 197   padding: 0px;\r
 198 }\r
 199 \r
 200 .green{\r
 201   background-color: #E3A46D;\r
 202 }\r
 203 \r
 204 .green-box {\r
 205   color: #FEEDDB;\r
 206   background-color: #C57619;\r
 207   border: 1px;\r
 208   border-color: #000000;\r
 209   border-style: solid;\r
 210   font-family: verdana,arial,hevetica;\r
 211   font-size: small;\r
 212   font-weight: bold;\r
 213   padding: 4px;\r
 214 }\r
 215 \r
 216 .head1 {\r
 217   color: #663366;\r
 218   font-family: arial,helvetica;\r
 219   font-size: 180%;\r
 220 }\r
 221 \r
 222 .head1bold {\r
 223   color: #663366;\r
 224   font-family: arial,helvetica;\r
 225   font-size: 180%;\r
 226   font-weight: bold;\r
 227 }\r
 228 \r
 229 .head2{\r
 230   color: #663366;\r
 231   font-family: arial,helvetica;\r
 232   font-size: 160%;\r
 233   margin-bottom: 0px;\r
 234   padding-bottom: 0px;\r
 235 }\r
 236 \r
 237 .head2bold {\r
 238   color: #663366;\r
 239   font-family: arial,helvetica;\r
 240   font-size: 160%;\r
 241   font-weight: bold;\r
 242   margin-bottom: 0px;\r
 243   padding-bottom: 0px;\r
 244 }\r
 245 \r
 246 .heading4 {\r
 247   color: #663366;\r
 248   font-family: arial,helvetica;\r
 249   font-size: 110%;\r
 250   font-weight: bold;\r
 251   margin-bottom: 0px;\r
 252   padding-bottom: 0px;\r
 253 }\r
 254 \r
 255 \r
 256 .label {\r
 257   padding-right: 12px;\r
 258   padding-bottom: 6px;\r
 259 \r
 260 }\r
 261 \r
 262 \r
 263 \r
 264 \r
 265 .line {\r
 266   background-color: #663366; A2BB64; D7E8A5;\r
 267 }\r
 268 \r
 269 \r
 270 .opac-menu {\r
 271   background-color: #663366;\r
 272 border-top: 0px;\r
 273 border-left: 0px;\r
 274 border-right: 0px;\r
 275   border-bottom: 1px;\r
 276   border-color: #000000;\r
 277   border-style: solid;\r
 278   margin: 0px;  \r
 279 }\r
 280 \r
 281 \r
 282 \r
 283 .main {\r
 284   font-family: verdana,arial,helvetica;\r
 285   font-size: 12px;\r
 286 }\r
 287 \r
 288 .menu {\r
 289   margin-right: 10px;\r
 290   color: #CCCC99;\r
 291 }\r
 292 \r
 293 \r
 294 .menu a:link {\r
 295   color: #CCFF66;\r
 296 }\r
 297 \r
 298 .menu a:visited {\r
 299   color: #E6E6CD;\r
 300 }\r
 301 \r
 302 .menu a:hover {\r
 303   color: #000000;\r
 304   background: EDF8CD;\r
 305 }\r
 306 \r
 307 \r
 308 .navhead {\r
 309   font-weight: bold;\r
 310   margin-top: 10px;\r
 311   margin-bottom: 0px;\r
 312 }\r
 313 \r
 314 .navhead a:hover {\r
 315   color: #000000;\r
 316   background: ffffff;\r
 317 }\r
 318 \r
 319 \r
 320 .padded{\r
 321   font-size: 12px;\r
 322   line-height: 20px;\r
 323   padding: 5px;\r
 324 \r
 325 }\r
 326 \r
 327 .pink{\r
 328   background-color: #EDF8CD;\r
 329   line-height: 20px;\r
 330   margin-left: 5px;\r
 331 \r
 332 }\r
 333 \r
 334 .plain{\r
 335   line-height: 20px;\r
 336   margin-left: 5px;\r
 337 }\r
 338 \r
 339 .reset {\r
 340   background-color: #A88050;\r
 341   border: 1px;\r
 342   border-color: #000000;\r
 343   border-style: solid;\r
 344   color: #FEEDDB;\r
 345   font-family: verdana,arial,hevetica;\r
 346   font-size: small;\r
 347   font-weight: bold;\r
 348   padding: 4px;\r
 349 }\r
 350 \r
 351 \r
 352 .search {\r
 353   font-family: verdana,arial,hevetica;\r
 354   font-size: 7.5pt;\r
 355   font-weight: bold;\r
 356 }\r
 357 \r
 358 .selected{\r
 359   color: #C96029;\r
 360   font-weight: bold;\r
 361   padding: 3px;\r
 362 }\r
 363 \r
 364 .selected-box {\r
 365   background-color: #E3A46D;\r
 366   padding: 0px;\r
 367 }\r
 368 \r
 369 .selected-lge{\r
 370   color: #C96029;\r
 371   font-family: arial,helvetica;\r
 372   font-size: 120%;\r
 373   font-weight: bold;\r
 374   padding: 3px;\r
 375 }\r
 376 \r
 377 .shade{\r
 378   background-color: #DCCAB4;\r
 379   padding: 5px;\r
 380 }\r
 381 \r
 382 \r
 383 .shaded{\r
 384   background-color: #EDF8CD;\r
 385   padding: 5px;\r
 386 }\r
 387 \r
 388 \r
 389 \r
 390 .sidenav-box {\r
 391   background-color: #C3DC76;\r
 392   padding-left: 20px;  \r
 393   padding-right: 4px;  \r
 394   border-bottom: 1px;\r
 395   border-top: 1px;\r
 396   border-left: 0px;\r
 397   border-right: 1px;\r
 398   border-color: #A2BB64; \r
 399   border-style: solid;\r
 400   \r
 401   \r
 402 }\r
 403 \r
 404 .sidenav ul {\r
 405   list-style-image: url(/images/styles/nav-dot.gif);\r
 406   list-style-position: outside;\r
 407   list-style-type: disc;\r
 408   margin-left: 16px;\r
 409   margin-top: 2px;\r
 410   padding-left: 0px;\r
 411   padding-top: 2px;\r
 412 \r
 413   font-size: 9pt;\r
 414   font-weight: normal;\r
 415   line-height: 13px;\r
 416   margin-bottom: 3pt;\r
 417 }\r
 418 \r
 419 \r
 420 .sidenav a:hover {\r
 421   background: #ffffff;\r
 422   color: #000000;\r
 423 }\r
 424 \r
 425 .small {\r
 426   font-family: arial,helvetica;\r
 427   font-size: 90%;\r
 428   margin-bottom: 3pt;\r
 429 }\r
 430 \r
 431 .submit {\r
 432   color: #FEEDDB;\r
 433   background-color: #C57619;\r
 434   border: 1px;\r
 435   border-color: #000000;\r
 436   border-style: solid;\r
 437   font-family: verdana,arial,hevetica;\r
 438   font-size: small;\r
 439   font-weight: bold;\r
 440   padding: 4px;\r
 441 }\r
 442 \r
 443 submit {\r
 444   color: #FEEDDB;\r
 445   background-color: #C57619;\r
 446   border: 1px;\r
 447   border-color: #000000;\r
 448   border-style: solid;\r
 449   font-family: verdana,arial,hevetica;\r
 450   font-size: small;\r
 451   font-weight: bold;\r
 452   padding: 4px;\r
 453 }\r
 454 \r
 455 \r
 456 \r
 457 \r
 458 .table-heading {\r
 459   background-color: #D7E8A5;\r
 460   font-family: verdana,arial,hevetica;\r
 461   font-size: small;\r
 462   font-weight: bold;\r
 463   padding: 5px;\r
 464 }\r
 465 \r
 466 .tan{\r
 467   background-color: #A2BB64; D7E8A5;\r
 468 }\r
 469 \r
 470 .tiny {\r
 471   font-family: arial,helvetica;\r
 472   font-size: x-small;\r
 473 }\r
 474 \r
 475 .white-box {\r
 476   background-color: #FFFFFF;\r
 477   border-bottom: 1px;\r
 478   border-left: 1px;\r
 479   border-right: 1px;\r
 480   border-top: 1px;\r
 481   border-style: solid;\r
 482 border-color: #4E300E;\r
 483   \r
 484   padding: 0px;\r
 485 }\r