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