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

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