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

   1 body {
   2         background-color:#009999;
   3         font-family:verdana,arial,helvetica,sans-serif;
   4         font-size:12pt;
   5         margin:0px;
   6         padding:0px
   7 }
   8
   9 /* base tags */
  10 a {
  11         background-color: #ACE6E6;
  12         text-decoration:none;
  13         color:#000000;
  14 }
  15
  16 a.transparent {
  17         background-color: transparent;
  18         text-decoration:none;
  19         color:#000000;
  20 }
  21
  22 a:hover {
  23 /*      background-color: #FF6600; */
  24         background-image: url(/opac-tmpl/css/en/images/bar.gif);
  25         background-repeat:repeat-y;
  26         text-decoration:none;
  27         color:#000000;
  28 }
  29
  30 /* the page result number */
  31 a.results {
  32         background-color : #FFD9BF;
  33         padding : 0px 2px 0px 2px;
  34         margin : 2px 1px 2px 0px;
  35 }
  36
  37 a.results:hover {
  38         background-color: #FFFFCC;
  39         padding : 0px 2px 0px 2px;
  40         margin : 2px 1px 2px 0px;
  41 }
  42
  43 /* label size & look just before input fields */
  44 label {
  45         float:left;
  46         width: 10em;
  47 }
  48
  49 /* images */
  50 img {
  51         border-width:0px;
  52         text-align:left;
  53         display:inline;
  54         float:left;
  55         padding-left:10px;
  56         padding-right:10px;
  57 }
  58
  59 .relative { /* for images in relative position */
  60         border-width:5px;
  61         text-align:left;
  62         position:relative;
  63 }
  64
  65 /* main title */
  66 h1 {
  67         color:#FFD9BF;
  68         background-color:#FF6600;
  69         font-weight:bold;
  70         font-size: 150%;
  71         text-align:center;
  72         padding: 2px;
  73         border: 4px inset #FFD9BF;
  74         width:60%;
  75 }
  76
  77 /* style for library name, on top of menu (defined in LibraryName systempref) */
  78 /* in opac-main page */
  79 .LibraryName {
  80         color:#FFD9BF;
  81         background-color:transparent;
  82         font-weight:bold;
  83         font-size: 150%;
  84         text-align:center;
  85         padding: 2px;
  86         border: 4px inset #FF6600;
  87         width:75%;
  88 }
  89
  90 /* in all other pages */
  91 .SmallLibraryName {
  92         color:#FFD9BF;
  93         background-color:transparent;
  94         font-weight:bold;
  95         font-size: 115%;
  96         vertical-align:top;
  97         padding: 2px;
  98         width:100%;
  99 }
 100
 101 /* subtitles. headers of blocks */
 102 h2 {
 103         color:#000000;
 104         background-image: url(/opac-tmpl/css/en/images/bar.gif);
 105         background-repeat:repeat-y;
 106         font-weight:bold;
 107         font-size: 125%;
 108         margin: 0px 0px 10px 0px;
 109 }
 110
 111 /* probably useless */
 112 h3 {
 113         color:#000000;
 114         font-weight:bold;
 115         font-size: 125%;
 116         margin: 5px 0px 0px 0px;
 117 }
 118
 119 /* paragraphs */
 120 p {
 121         padding-left:10pt;
 122         padding-bottom:0pt;
 123         margin:0pt;
 124         clear:left;
 125 }
 126
 127 /* centered paragraphs */
 128 p.center {
 129         padding-left:10pt;
 130         padding-bottom:0pt;
 131         margin:0pt;
 132         text-align:center;
 133 }
 134
 135 /* the copyright (at the end of the main page */
 136 p.copyright {
 137         border-top: 1px solid #000000;
 138         margin-top:10px;
 139         text-align:center;
 140 }
 141
 142 /* TABLES */
 143 table {
 144         border:1px solid #000000;
 145         border-collapse:collapse;
 146         position:static;
 147 }
 148 /* header */
 149 th {
 150         background-color: #99cccc;
 151         background-image: url(/opac-tmpl/css/en/images/background-opac.gif);
 152         font-weight:bold;
 153         text-align:center;
 154         font-size:10pt;
 155         border-left:1px solid #000000;
 156         border-bottom:1px solid #000000;
 157         border-top:1px solid #000000;
 158 }
 159 /* standard cell */
 160
 161 tr {
 162         display:table-row;
 163         position:static;
 164 }
 165
 166 td {
 167         font-size:10pt;
 168         border-left:1px solid #000000;
 169         vertical-align:top;
 170         position:static;
 171         display:table-cell;
 172 }
 173
 174 /* hilighted cell */
 175 td.hilighted {
 176         font-size:10pt;
 177         border-left:1px solid #000000;
 178         background-color:#ffffcc;
 179         vertical-align:top;
 180 }
 181
 182 /* FORMS */
 183 /* class used in form buttons */
 184 .button {
 185         text-align: center;
 186         padding: 2px 2px;
 187         border-style: solid;
 188         border-width: 1px;
 189         border-color: black;
 190         text-decoration: none;
 191         color: black;
 192         line-height:175%;
 193         border-radius: 6px;
 194         -moz-border-radius: 6px;
 195         background-color:#FFD9BF;
 196         margin : 3px 3px 3px 0px;
 197 }
 198
 199 .button:hover {
 200         text-align: center;
 201         padding: 2px 2px;
 202         border-style: solid;
 203         border-width: 1px;
 204         border-color: black;
 205         text-decoration: none;
 206         color: black;
 207         line-height:175%;
 208         border-radius: 6px;
 209         -moz-border-radius: 6px;
 210         background-color:#FF6600;
 211         background-image: url(/opac-tmpl/css/en/images/bar.gif);
 212         background-repeat:no-repeat;
 213         margin : 3px 3px 3px 0px;
 214 }
 215
 216 /* standard input field */
 217 input {
 218         border:0px;
 219         border-bottom:1px solid #000000;
 220         margin-bottom:2px;
 221         background-color:#009999;
 222 }
 223
 224 input:hover {
 225         border:0px;
 226         border-bottom:1px solid #000000;
 227         background-color:#FF6600;
 228 }
 229
 230 /* textarea input field */
 231 textarea {
 232         border:0px;
 233         border-bottom:1px solid #000000;
 234         background-color:#009999;
 235 }
 236 textarea:hover {
 237         border:0px;
 238         border-bottom:1px solid #000000;
 239         background-color:#FF6600;
 240 }
 241
 242 /* select input field */
 243 select {
 244         border:0px;
 245         border-bottom:1px solid #000000;
 246         background-color:#009999;
 247 }
 248
 249 select:hover {
 250         border:0px;
 251         border-bottom:1px solid #000000;
 252         background-color:#FF6600;
 253 }
 254
 255
 256 /* span classes */
 257 /* used to show small 1,2,3, to reach other pages when too much results */
 258 .smallnumber {
 259         background-color:#99cccc;
 260         font-family:Times,serif;
 261         font-size:small;
 262         border:1px solid #000000;
 263         padding:1pt;
 264         vertical-align:top;
 265 }
 266
 267 .smallnumberactive {
 268         background-color:#FF6600;
 269         font-family:Times,serif;
 270         font-size:small;
 271         border:1px solid #000000;
 272         padding:1pt;
 273         vertical-align:top;
 274 }
 275
 276 /* BLOCS */
 277
 278 #problem {
 279         color: white;
 280         font-weight:bold;
 281         background-color:red;
 282 }
 283 .problem {
 284         color: white;
 285         font-weight:bold;
 286         background-color:red;
 287 }
 288
 289 /* the mainbloc : everything is in mainbloc, except menu */
 290 #mainbloc {
 291         float:left;
 292         width:90%;
 293         background-color:#ACE6E6;
 294         border:1px solid #000000;
 295         margin-left:10px;
 296         margin-right:10px;
 297         padding-bottom:100px;
 298         padding-left:10px;
 299         padding-top:10px;
 300         padding-right:10px;
 301 }
 302
 303 #homebloc {
 304         float:left;
 305         width:60%;
 306         border:0;
 307 }
 308
 309 #leftbloc {
 310         float:left;
 311         width:30%;
 312         border:0;
 313 }
 314
 315 #bottombloc {
 316         width:100%;
 317         height:200%;
 318         margin-top:10px;
 319         vertical-align:top;
 320         text-align:center;
 321         float:left;
 322 }
 323
 324 /* used in members */
 325 #bloc20, .bloc20 {
 326         float:left;
 327         border:1px solid #000000;
 328         margin-right:20px;
 329         margin-bottom:20px;
 330         padding-right:20px;
 331 }
 332 #bloc60, .bloc60 {
 333         float:left;
 334         border:1px solid #000000;
 335         margin-right:20px;
 336         margin-bottom:20px;
 337         padding-right:20px;
 338 }
 339
 340 /* used in biblio detail */
 341
 342 #bibliobloc {
 343         float:left;
 344         width:40%;
 345         border:0;
 346 }
 347
 348 #itembloc {
 349         float:left;
 350         width:50%;
 351         border:0;
 352 }
 353
 354 /* menu styles */
 355 .menu {
 356         border:1px solid #000000;
 357         padding-left:10pt;
 358         padding-right:10pt;
 359 /*      float:left; */
 360         margin-bottom:10px;
 361         -moz-border-radius: 6px;
 362         display:inline;
 363 }
 364
 365 #title {
 366         display:block;
 367         margin-left:0px;
 368 }
 369
 370 #menuline {
 371         display:block;
 372         margin-left:100px;
 373 }
 374
 375 #bibliomenu {
 376         position: relative;
 377         float:left;
 378         display:block;
 379         margin-left:10%;
 380         width:100%;
 381 }
 382
 383 /* a little spacer. should not be used */
 384 .basketspacer {
 385         padding-left:8pt;
 386         float:left;
 387 }
 388
 389 /* for SubscritptionHistory view  */
 390 div.tabsubs {
 391         margin-left:150px;
 392         position:inline;
 393 }
 394
 395 div.tabsubs a {
 396         font-size: small;
 397         border: thin solid black;
 398         margin-right: 2px;
 399         padding: 10px 10px;
 400         -moz-border-radius: 5px 5px 0px 0px;
 401 }
 402
 403 div.tabsub {
 404         background-color: #ACE6E6;
 405         position:absolute;
 406         visibility:hidden;
 407         margin-left:150px;
 408         margin-top:0px;
 409 border:4px;
 410 }
 411
 412 /* for MARC view  */
 413 div.tabs {
 414         width:15px;
 415         display:block;
 416         margin-top:70px;
 417         margin-left:40px;
 418 }
 419
 420 div.tabs a {
 421         display:block;
 422         font-size: small;
 423         border: thin solid black;
 424         margin-right: 2px;
 425         padding: 10px 10px;
 426         -moz-border-radius: 5px 0px 0px 5px;
 427 }
 428
 429 div.tabbloc {
 430         position:absolute;
 431         display:block;
 432         top:140px;
 433         left:62px;
 434         margin-right:0px;
 435         border: 1px solid black;
 436         background-color:none;
 437 }
 438
 439 div.tab {
 440         background-color: #ACE6E6;
 441         display: block;
 442         visibility:hidden;
 443         position:absolute;
 444         float:left;
 445         margin-right:0px;
 446         background-color:none;
 447 }
 448
 449 .MARCtag { /* style for tag definition (700 - Statement of responsability) */
 450         font-weight:bold;
 451         color:#FF6600;
 452         background-color:#FFFFFF;
 453         background-image:none;
 454         border-bottom: thin solid #FF6600;
 455         margin-right:30%;
 456 }
 457
 458 .labelsubfield { /* style for each subfield (like : a Publication year), just before the biblio subfield */
 459         float:left;
 460         width: 12em;
 461         margin-left:30px;
 462 }