koha-tmpl/intranet-tmpl/default/en/includes/common-style.css

   1 body {
   2         font-family:arial,helvetica,sans-serif;
   3         font-size:10pt;
   4         margin:0px;
   5         padding:0px;
   6         background-color:#99CC33;
   7 }
   8
   9 input {
  10         display:inline;
  11 }
  12
  13 textarea {
  14         font-size:10pt;
  15 }
  16 ul {
  17         margin-top:0px;
  18         margin-bottom:0px;
  19 }
  20
  21 p {
  22         margin-bottom:0px;
  23         margin-top:0px;
  24         margin-left:10px;
  25         margin-right:10px;
  26         padding:0px;
  27         clear:left;
  28 }
  29
  30 .center {
  31         text-align:center;
  32 }
  33
  34 label {
  35         float:left;
  36         width: 6em;
  37         display:inline;
  38 }
  39 .label20 {
  40         float:left;
  41         width: 4em;
  42         display:inline;
  43 }
  44 .label100 {
  45         float:left;
  46         width: 12em;
  47         display:inline;
  48 }
  49
  50
  51 .button {
  52         text-align: center;
  53         font-family: Arial;
  54         font-size:12px;
  55         padding: 2px 5px 2px 5px;
  56         margin-top:5px;
  57         margin-bottom:5px;
  58         display:inline;
  59         position:static;
  60         border : 1px solid black;
  61         text-decoration: none;
  62         cursor:pointer;
  63         vertical-align:middle;
  64         background-color:#FFFFFF;
  65         background-image:url("/intranet-tmpl/default/images/background-mem.gif");
  66 }
  67
  68 .button:hover {
  69         background-image:url("/intranet-tmpl/default/images/background-mem.gif");
  70 }
  71
  72 /* TABLES */
  73 table {
  74         border:1px solid #000000;
  75         border-collapse:collapse;
  76         width:100%;
  77 }
  78
  79 table.noborder {
  80         border:0px;
  81         border-collapse:collapse;
  82         font-size:10pt;
  83         margin : auto;
  84 }
  85 table.small {
  86         width:auto;
  87 }
  88
  89 /* header */
  90 th {
  91         background-color: #99cccc;
  92         background-image:url("/intranet-tmpl/default/images/background-mem.gif");
  93         font-weight:bold;
  94         text-align:center;
  95         border:1px solid #000000;
  96         padding:3px 0px 3px 0px;
  97 }
  98 th.noborder {
  99         background-color: #FFFFFF;
 100         background-image:none;
 101         font-weight:bold;
 102         text-align:center;
 103         border:1px solid #ad11ad;
 104 /*      border-left:1px solid #ad11ad; */
 105         padding:3px 0px 3px 0px;
 106 }
 107
 108 /* standard cell */
 109 td {
 110         border-left:0px;
 111 }
 112 /* hilighted cell */
 113 td.hilighted, tr.hilighted {
 114         border-left:0px;
 115         background-color:#ffffcc;
 116 }
 117 /* cells that are numbers => aligned right */
 118 td.number {
 119         border-left:0px;
 120         text-align:right;
 121 }
 122 /* hilighted cell */
 123 td.numberhilighted {
 124         border-left:0px;
 125         background-color:#ffffcc;
 126         text-align:right;
 127 }
 128
 129 #resultlist table {
 130         margin : auto;
 131 }
 132
 133 #resultlist table td {
 134         border-right : 1px solid #CCCCCC;
 135 }
 136
 137 #resultlist table td:last-child {
 138         border-right : 1px solid Black;
 139 }
 140
 141
 142 h1 {
 143         color:#000000;
 144         background-color:#DDDDDD;
 145         background-image:url("/intranet-tmpl/default/images/background-mem.gif");
 146         font-size: 150%;
 147         text-align:center;
 148         padding: 4px;
 149 /*      border: 1px solid #666666; */
 150 }
 151
 152 h2 {
 153         margin-top:0px;
 154         margin-bottom:4px;
 155         text-align:center;
 156         padding:0px;
 157         font-size:125%;
 158         padding-left:10px;
 159         padding-right:10px;
 160         padding-bottom:3px;
 161         padding-top:3px;
 162 }
 163
 164 h2.help {
 165         text-align : left;
 166         margin-top : 10px;
 167         }
 168
 169 h3 {
 170         margin-top:0px;
 171         margin-bottom:4px;
 172         padding:0px;
 173         font-size:100%;
 174         font-weight:bold;
 175 }
 176
 177 #bloctitle, .bloctitle {
 178         background-image:url("/intranet-tmpl/default/images/background-mem.gif");
 179         color:#000000;
 180         font-size: 125%;
 181         text-align:center;
 182         padding:5px;
 183         margin-bottom:10px;
 184         border-bottom: 1px solid #666666;
 185 }
 186 #problem {
 187         color: white;
 188         font-weight:bold;
 189         background-color:red;
 190 }
 191 .problem {
 192         color: white;
 193         font-weight:bold;
 194         background-color:red;
 195 }
 196
 197 tr.hilighted td.problem {
 198         background-color : #ff9999;
 199 }
 200
 201 #mainbloc {
 202         float:left;
 203         width:90%;
 204         border-top:1px solid #000000;
 205         border-left:1px solid #000000;
 206         border-right:3px solid #000000;
 207         border-bottom:3px solid #000000;
 208         background-color:#FFFFFF;
 209         margin-top:10px;
 210         margin-left:10px;
 211         margin-right:10px;
 212         padding-bottom:100px;
 213         padding-left:10px;
 214         padding-top:10px;
 215         padding-right:10px;
 216 }
 217 #main {
 218         position:absolute;
 219 }
 220
 221 #bloc25, .bloc25 {
 222         float:left;
 223         border:1px solid #000000;
 224         margin:10px;
 225         padding:0px;
 226 }
 227 #bloc100, .bloc100 {
 228         float:left;
 229         position:relative;
 230         width:100%;
 231         border:1px solid #000000;
 232         margin:10px;
 233 }
 234
 235 #resultnumber {
 236         margin-top : 5px;
 237         text-align : center;
 238 }
 239
 240 a.resultnumber {
 241         margin-bottom : 5px;
 242         padding : 2px 4px;
 243         background-color : White;
 244         border : 1px solid #339900;
 245         font-weight : bold;
 246 }
 247
 248 #resultnumber .highlight {
 249         margin-bottom : 5px;
 250         padding : 2px 4px;
 251         background-color : #EEEEEE;
 252         border : 1px solid Black;
 253         font-weight : bold;
 254 }
 255
 256 a.resultnumber:hover {
 257         background-color : #ffffcc;
 258 }
 259
 260 .resultcount {
 261         border-top : 1px solid white;
 262         font-weight : bold;
 263         padding : 3px;
 264 }
 265
 266 #resultlist {
 267         width:95%;
 268         margin : auto;
 269 /*      margin-left:5%;
 270         margin-right:5%;*/
 271 }
 272
 273 #resultlist p {
 274         font-size : .8em;
 275 }
 276
 277 a.resultlist {
 278         font-weight : bold;
 279 /*      display : block;*/
 280         padding-left : 5px;
 281 }
 282
 283 a {
 284         text-decoration: none;
 285 }
 286
 287 a:hover {
 288         text-decoration: none;
 289 }
 290
 291 #menubar {
 292         z-index:2;
 293         position:absolute;
 294         top:0px;
 295         left:0px;
 296         border-top:1px solid #666666;
 297         font-size: 14px;
 298         background-color:#DDDDDD;
 299         padding-bottom:5px;
 300 }
 301 html>body #menubar {
 302 position: fixed;
 303 }
 304
 305 #menubar a {
 306         padding:5px;
 307 }
 308
 309 a.submenu {
 310         padding:0px 10px 0px 10px;
 311         display:block;
 312         background-color:#FFFFFF;
 313         color:#000000;
 314 }
 315 a.submenu:hover {
 316         padding:0px 10px 0px 10px;
 317         display:block;
 318         background-color:#DDDDDD;
 319         color:#000000;
 320 }
 321 #Subm1 {
 322         z-index: 11; left: 75px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 323 }
 324 html>body #Subm1 {
 325 position: fixed;
 326 }
 327 #Subm2 {
 328         z-index: 12; left: 150px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 329 }
 330 html>body #Subm2 {
 331 position: fixed;
 332 }
 333 #Subm3 {
 334         z-index: 12; left: 250px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 335 }
 336 html>body #Subm3 {
 337 position: fixed;
 338 }
 339 #Subm4 {
 340         z-index: 12; left: 320px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 341 }
 342 html>body #Subm4 {
 343 position: fixed;
 344 }
 345 #Subm5 {
 346         z-index: 12; left: 400px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 347 }
 348 html>body #Subm5 {
 349 position: fixed;
 350 }
 351 #Subm6 {
 352         z-index: 12; left: 480px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 353 }
 354 html>body #Subm6 {
 355 position: fixed;
 356 }
 357
 358 #Subm7 {
 359         z-index: 12; left: 550px; visibility: hidden; position: absolute; top: 24px; background-color:white; border:1px solid black;
 360 }
 361 html>body #Subm7 {
 362 position: fixed;
 363 }
 364
 365 .user {
 366         padding-top: 30px;
 367         padding-bottom:0px;
 368         text-align:right;
 369 }
 370
 371 .koha {
 372         text-align:center;
 373         background-image:url("/intranet-tmpl/default/images/background-mem.gif");
 374         font-size:130%;
 375         font-weight:bold;
 376         padding-left:10px;
 377         padding-right:10px;
 378         padding-bottom:5px;
 379 }
 380
 381 .home {
 382         color:#777777;
 383         }
 384 a.home:hover {
 385         background-color: #339933;
 386         color: #000000;
 387         }
 388
 389 .catalogue {
 390         color:#777777;
 391         }
 392 a.catalogue:hover {
 393         background-color:#ad11ad;
 394         color:#FFFFFF;
 395         }
 396
 397 .members {
 398         color:#777777;
 399         }
 400 a.members:hover {
 401         background-color: #86c268;
 402         color: #000000;
 403         }
 404
 405 .acquisition {
 406         color:#777777;
 407         }
 408 a.acquisition:hover {
 409         background-color: #ffdf61;
 410         color: #000000;
 411         }
 412
 413 .authority {
 414         color:#777777;
 415         }
 416 a.authority:hover {
 417         background-color: #6b7cbe;
 418         color: #000000;
 419         }
 420
 421 .reports {
 422         color:#777777;
 423         }
 424 a.reports:hover {
 425         background-color: #6b7cbe;
 426         color: #000000;
 427         }
 428
 429 .circulation {
 430         color:#777777;
 431         }
 432 a.circulation:hover {
 433         background-color: #be6170;
 434         color: #000000;
 435         }
 436
 437 .parameters {
 438         color:#777777;
 439         }
 440 a.parameters:hover {
 441         background-color: #86c268;
 442         color: #000000;
 443         }
 444 .bull {
 445         color:#777777;
 446         }
 447 a.bull:hover {
 448         background-color: #803010;
 449         color: #000000;
 450         }
 451 .about {
 452         color:#777777;
 453         }
 454 a.about:hover {
 455         background-color: #86c268;
 456         color: #000000;
 457         }
 458 .help {
 459         color:#777777;
 460         }
 461 a.help:hover {
 462         color: #FFFFFF;
 463         }