koha-tmpl/intranet-tmpl/prog/en/includes/intranet2.css

   1 body {
   2     font-family : Verdana, Geneva, Arial, sans-serif;
   3     font-size : .9em;
   4     color:#494949;
   5     background: url( /intranet-tmpl/prog/images/css_header.png );
   6     background-repeat:repeat-x;
   7     background-color:#EDF5FA;
   8 }
   9
  10 h1 {
  11     margin:0px;
  12 }
  13 h2 {
  14     display:block;
  15     clear:left;
  16     margin:0px 0px 10px 10px;
  17 }
  18
  19 h3 {
  20     display:block;
  21     clear:left;
  22     margin:0px 0px 0px 10px;
  23 }
  24
  25 table {
  26     border-collapse : inherit;
  27     border : 1px solid #CCCCCC;
  28     margin : 1em 0 1em 20px;
  29     border-collapse:collapse;
  30 }
  31
  32 caption {
  33     font-size : 140%;
  34     text-align : left;
  35     font-weight : bold;
  36 }
  37
  38 td,th {
  39     /*border-left : 1px solid #CCCCCC;
  40     border-bottom : 1px solid #CCCCCC;*/
  41     border : 1px solid #CCCCCC;
  42     padding : 5px;
  43 }
  44
  45 th {
  46     background-color : #CCCCCC;
  47     border-left : 1px solid #999999;
  48     border-bottom : 1px solid #999999;
  49 }
  50
  51 th[scope=row] {
  52     background-color : #EEEEEE;
  53     text-align : right;
  54 }
  55
  56 p {
  57     margin:0px 0px 0px 20px;
  58 }
  59 input {
  60     font-size:0.9em;
  61 }
  62
  63 select {
  64     font-size:0.9em;
  65 }
  66
  67 fieldset {
  68         border : 1px solid #bbb;
  69         display: inline;
  70         vertical-align: top;
  71 }
  72
  73 input[type=submit], input[type=button], input[type=reset] {
  74     border:0px;
  75     color: #0072b9;
  76     font-weight:bold;
  77     background: url( /intranet-tmpl/prog/images/bg-tab.png );
  78     font-size : 0.8em;
  79     padding:3px;
  80     text-decoration:none;
  81     display:inline;
  82     cursor:pointer;
  83     margin-left:20px;
  84 }
  85
  86 label {
  87     font-style:italic;
  88     vertical-align:top;
  89     display:block;
  90     float:left;
  91 /*     text-align:right; */
  92     width:10em;
  93     margin-right:0.2em;
  94 }
  95
  96 p {
  97 clear:left;
  98 }
  99
 100 a {
 101     text-decoration:none;
 102     color:#027ac6;
 103 }
 104 a:hover {
 105     text-decoration:underline;
 106     color:#0072b9;
 107 }
 108 .searchresults table tr:hover{
 109     background-color: #CCFFFF;
 110 }
 111
 112 tr.highlight td, tr.highlight th {
 113     background-color : #EEEEEE;
 114 }
 115
 116 .here {
 117     color: black;
 118     text-decoration:none;
 119 }
 120
 121 #problem {
 122     color: red;
 123     background-color:white;
 124     font-weight : bold;
 125     margin:10px;
 126 }
 127
 128 #admin_stopwords_select UL {
 129    width: 600px;
 130 }
 131
 132 #admin_stopwords_select UL LI {
 133    white-space: nowrap;
 134 }
 135
 136 legend {
 137     font-size:120%;
 138     font-weight:bold;
 139 }
 140
 141 .problem {
 142     color: white;
 143     background-color:red;
 144     font-weight : bold;
 145     margin:10px;
 146 }
 147
 148 /* css styles for reserves color alerts */
 149 .onloan {
 150     background-color: #FFED3D;
 151 }
 152
 153 .reserved {
 154     background-color: #8EBAFF;
 155 }
 156
 157 .transfered {
 158     background-color: #F9FF9A;
 159 }
 160
 161 .inwait {
 162     background-color: #33CC99;
 163 }
 164
 165 .other {
 166     background-color: #FF0000;
 167 }
 168
 169 .available {
 170     font-size:0.75em;
 171 }
 172
 173 .unavailable {
 174     background-color: #FFED3D;
 175     font-size:0.75em;
 176 }
 177
 178 .hasexpirated {
 179     text-decoration: line-through;
 180 }
 181
 182 /* style for search terms in catalogsearch */
 183 .term {
 184     background-color:yellow;
 185 }
 186
 187 /* end of css styles for reserves color alerts */
 188
 189 /* the Koha logo (top left) */
 190 #kohalogo {
 191     position:fixed;
 192     left:20px;
 193     top:10px;
 194 }
 195
 196 #kohalogo h3 {
 197     padding-top:5px;
 198     margin-left:0px;
 199 }
 200 #kohalogo h3 a {
 201     color:white;
 202 }
 203 /* MAIN MENU STYLES */
 204 #mainmenu {
 205     display:block;
 206     position:fixed;
 207     font-weight : normal;
 208     margin-top:30px;
 209     margin-right: 5px;
 210     padding-right: 5px;
 211     font-size:0.9em;
 212 }
 213
 214 #mainmenu a {
 215     display:block;
 216     margin-bottom:0px;
 217     padding-left :5px;
 218     text-decoration:none;
 219     font-weight:bold;
 220     color:#027ac6;
 221 }
 222
 223
 224 #mainmenu a:hover {
 225     display:block;
 226     margin-bottom:0px;
 227     padding-left :5px;
 228     text-decoration:none;
 229     font-weight:bold;
 230     background-color:#027ac6;
 231     color:white;
 232 }
 233
 234 #mainmenu ul a {
 235     display:block;
 236     margin-bottom:5px;
 237     padding-left :5px;
 238     text-decoration:none;
 239     font-weight:normal;
 240     color:#027ac6;
 241 }
 242
 243 #mainmenu ul a:hover {
 244     display:block;
 245     margin-bottom:5px;
 246     padding-left :5px;
 247     text-decoration:none;
 248     font-weight:normal;
 249     background-color:#027ac6;
 250     color:white;
 251 }
 252
 253 #mainmenu ul {
 254     list-style-type: none;
 255     padding-left:20px;
 256     margin-bottom:0px;
 257     margin-top:0px;
 258     color:#027ac6;
 259 }
 260
 261 #mainmenu li {
 262     list-style-type: none;
 263     padding-left:0px;
 264     margin-left:0px;
 265     margin-bottom:0px;
 266     margin-top:0px;
 267     color:#027ac6;
 268 }
 269
 270 #mainmenu label {
 271     width:4em;
 272 }
 273
 274 #mainmenu h3 {
 275     color:white;
 276     font-size:1.2em;
 277     margin:10px 0px 10px 0px ;
 278 }
 279
 280 #mainmenu input {
 281     border:0px;
 282     border-bottom:1px solid #027ac6;
 283 }
 284 #mainmenu input[type=submit], input[type=button], input[type=reset] {
 285     margin-left:0px;
 286     border-bottom:0px;
 287 }
 288
 289
 290 /* submenus styles */
 291 #submenu {
 292     position:absolute;
 293     top:10px;
 294     left:220px;
 295 }
 296
 297 #submenu a {
 298     margin:5px;
 299     text-decoration:none;
 300     color:white;
 301 }
 302
 303 #submenu a:hover {
 304     margin:5px;
 305     background-color:white;
 306     color:#027ac6;
 307 }
 308
 309 /*Action button*/
 310 #action {
 311     float:right;
 312 }
 313
 314 #action a {
 315     color: #0072b9;
 316     font-weight:bold;
 317     background: url( /intranet-tmpl/prog/images/bg-tab.png );
 318     font-size : 0.8em;
 319     padding:3px;
 320     margin-bottom:2px;
 321     text-decoration:none;
 322     display:block;
 323 }
 324
 325 /*edit action*/
 326 #action .edit {
 327     display:inline;
 328     margin-bottom:10px;
 329 }
 330
 331 #action .edit a {
 332     background:none;
 333     background-color : #0072b9;
 334     color : white;
 335 }
 336
 337 #action .edit a:hover {
 338     cursor:pointer;
 339 }
 340
 341 #action .view {
 342         display:inline;
 343         margin-bottom:5px;
 344 }
 345
 346 #action .view a {
 347     background:none;
 348     background-color : #5ab5ee;
 349     color : white;
 350     margin-top: 1px;
 351 }
 352
 353 #action .view a:hover {
 354     cursor:pointer;
 355 }
 356
 357 #action .others {
 358     display:inline;
 359     margin-bottom:5px;
 360 }
 361
 362 #action .others a {
 363     background:none;
 364     background-color : #2385C2;
 365     color : white;
 366     margin-top: 1px;
 367 }
 368
 369 #action .others a:hover {
 370     cursor:pointer;
 371 }
 372
 373 /* Main body style */
 374 #main {
 375     margin-left:220px;
 376     margin-top:75px;
 377     padding:5px;
 378     padding-bottom:100px;
 379     background-color:white;
 380     border:1px solid #bbb;
 381 }
 382
 383 /* facets bloc */
 384 #facets {
 385     position:absolute;
 386     right:1em;
 387 }
 388
 389 #facets dl {
 390     background-color:white;
 391     margin:0px;
 392 }
 393
 394 #facets dt {
 395     text-align:right;
 396     font-weight:bold;
 397 }
 398
 399 #facets dd {
 400     border:1px solid #CCCCCC;
 401 }
 402
 403 /* the USER information block */
 404 #librarian_information {
 405 /*     position:absolute; */
 406     float:right;
 407     font-size:10pt;
 408 }
 409
 410 /* css style for reregistration alert */
 411
 412 .reregistrinfo {
 413     color: #6699cc;
 414     font-weight : bold;
 415     background-color : #eeeeee;
 416 }
 417 /* MARC editor */
 418
 419 /* styles for the 11 buttons that the user can click on */
 420 /* the design of the active tab button (only 1 at a given time)*/
 421 .tab_active {
 422     color: #6699CC;
 423     background-color : #CCCCCC;
 424     font-size : 1em;
 425     border: 2px inset;
 426     font-weight : bold;
 427     text-decoration:none;
 428     display: inline;
 429     text-decoration:none;
 430     margin-left:10px;
 431 }
 432
 433
 434 /* the online help button */
 435 #onlinehelp {
 436     position:absolute;
 437     top:0px;
 438     right:0px;
 439 }
 440 #onlinehelp a {
 441         color:white;
 442 }
 443
 444 /* the login box */
 445 #login {
 446     font-size:0.7em;
 447 }
 448
 449 /* the design of the INactives tab buttons (all other tabs) */
 450 .tab_inactive {
 451     background-color : #6699CC;
 452     color : #FFFFFF;
 453     font-size : 1em;
 454     font-weight : bold;
 455     display:inline;
 456     border: 2px outset;
 457     text-decoration:none;
 458     margin-left:10px;
 459 }
 460
 461 /* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
 462 #tabs a {
 463     color:white;
 464     text-decoration:none;
 465     padding-right:10px;
 466     padding-left:10px;
 467 }
 468
 469 /* specify that we to do when the mouse is on 1 button */
 470 #tabs a:hover {
 471     border: 2px inset;
 472 }
 473
 474 #tabs {
 475     margin-top:45px;
 476     margin-bottom:5px;
 477 }
 478
 479 /* styles for the 11 content blocks */
 480 /* the property for hidden tabs */
 481 .content_hidden {
 482     visibility:hidden; /* you propably don't need to change this one */
 483     display:none;
 484 }
 485
 486 /* the property for the displayed tab */
 487 .content_visible {
 488     visibility:visible; /* you propably don't need to change this one */
 489     display:block;
 490 }
 491
 492 /* the style of tag description */
 493 p.tag {
 494     font-weight:bold;
 495 }
 496 /* the style of subfield paragraph */
 497 p.subfield {
 498
 499 }
 500
 501
 502
 503 .lineSelected {
 504     background-color:yellow;
 505 }
 506
 507
 508 /* display more informations with css layer */
 509 a.info {
 510     position: relative;
 511     text-decoration: none;
 512     color: black;
 513     border-bottom: 1px gray dotted;
 514 }
 515
 516 a.info span {
 517     display: none;
 518     width:300px;
 519 }
 520
 521 a.info:hover {
 522     background: none; /* correcting IE bug*/
 523     z-index: 500;
 524 }
 525 a.info:hover span {
 526     display: inline;
 527     position: absolute;
 528     top: 2em;
 529     right: 1em;
 530     background: orange;
 531     text-align: center;
 532     color: white;
 533     padding: 2px;
 534 }
 535
 536 /* the itemtype list (in adv search) */
 537 #itemtypelist {
 538     width:700px;
 539 }
 540 #itemtypelist td {
 541     border : 0px;
 542     margin : 0px;
 543     padding: 5px;
 544     border-collapse:collapse;
 545     border: 1px solid white;
 546     background-color:#CCCCCC;
 547     vertical-align:top;
 548 }
 549
 550 #itemtypelist p {
 551     margin:0px;
 552 }