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