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