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

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