koha-tmpl/intranet-tmpl/prog/en/css/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/img/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     margin-right : 5%;
  30     border-collapse:collapse;
  31 }
  32
  33 caption {
  34     font-size : 140%;
  35     text-align : left;
  36     font-weight : bold;
  37 }
  38
  39 td,th {
  40     /*border-left : 1px solid #CCCCCC;
  41     border-bottom : 1px solid #CCCCCC;*/
  42     border : 1px solid #CCCCCC;
  43     padding : 5px;
  44 }
  45
  46 th {
  47     background-color : #CCCCCC;
  48     border-left : 1px solid #999999;
  49     border-bottom : 1px solid #999999;
  50 }
  51
  52 th[scope=row] {
  53     background-color : #EEEEEE;
  54     text-align : right;
  55 }
  56
  57 p {
  58     margin:0px 0px 0px 20px;
  59 }
  60 input {
  61     font-size:0.9em;
  62 }
  63
  64 select {
  65     font-size:0.9em;
  66 }
  67
  68 fieldset {
  69     border : 1px solid #bbb;
  70     display: inline;
  71     vertical-align: top;
  72 }
  73
  74 input[type=submit], input[type=button], input[type=reset] {
  75     border:0px;
  76     color: #0072b9;
  77     font-weight:bold;
  78     background: url( /intranet-tmpl/prog/img/bg-tab.png );
  79     font-size : 0.8em;
  80     padding:3px;
  81     text-decoration:none;
  82     display:inline;
  83     cursor:pointer;
  84     margin-left:20px;
  85 }
  86
  87 label {
  88     font-style:italic;
  89     vertical-align:top;
  90     display:block;
  91     float:left;
  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 .click{
 122     cursor:pointer;
 123     color: #027ac6;/*blue*/
 124 }
 125 .click:hover{
 126     text-decoration:underline;
 127 }
 128
 129 #problem {
 130     color: red;
 131     background-color:white;
 132     font-weight : bold;
 133     margin:10px;
 134 }
 135
 136 #admin_stopwords_select UL {
 137    width: 600px;
 138 }
 139
 140 #admin_stopwords_select UL LI {
 141    white-space: nowrap;
 142 }
 143
 144 legend {
 145     font-size:120%;
 146     font-weight:bold;
 147 }
 148
 149 .problem {
 150     color: white;
 151     background-color:red;
 152     font-weight : bold;
 153     margin:10px;
 154 }
 155
 156 .toogle{
 157         background-color:#ffffcc;
 158 }
 159
 160 .pages{
 161         margin:.7em;
 162 }
 163 /* css styles for reserves color alerts */
 164 .onloan {
 165     background-color: #FFED3D;
 166 }
 167
 168 .reserved {
 169     background-color: #8EBAFF;
 170 }
 171
 172 .transfered {
 173     background-color: #F9FF9A;
 174 }
 175
 176 .inwait {
 177     background-color: #33CC99;
 178 }
 179
 180 .other {
 181     background-color: #FF0000;
 182 }
 183
 184 .available {
 185     font-size:0.75em;
 186 }
 187
 188 .unavailable {
 189     background-color: #FFED3D;
 190     font-size:0.75em;
 191 }
 192
 193 .hasexpirated {
 194     text-decoration: line-through;
 195 }
 196
 197 /* style for search terms in catalogsearch */
 198 .term {
 199     background-color:yellow;
 200 }
 201
 202 /* end of css styles for reserves color alerts */
 203
 204 /* the Koha logo (top left) */
 205 #kohalogo {
 206     position:fixed;
 207     left:20px;
 208     top:10px;
 209 }
 210
 211 #kohalogo h3 {
 212     padding-top:5px;
 213     margin-left:0px;
 214 }
 215 #kohalogo h3 a {
 216     color:white;
 217 }
 218 /* MAIN MENU STYLES */
 219 #mainmenu {
 220     display:block;
 221     position:fixed;
 222     font-weight : normal;
 223     margin-top:30px;
 224     margin-right: 5px;
 225     padding-right: 5px;
 226     font-size:0.9em;
 227 }
 228
 229 #mainmenu a {
 230     display:block;
 231     margin-bottom:0px;
 232     padding-left :5px;
 233     text-decoration:none;
 234     font-weight:bold;
 235     color:#027ac6;
 236 }
 237
 238
 239 #mainmenu a:hover {
 240     display:block;
 241     margin-bottom:0px;
 242     padding-left :5px;
 243     text-decoration:none;
 244     font-weight:bold;
 245     background-color:#027ac6;
 246     color:white;
 247 }
 248
 249 #mainmenu ul a {
 250     display:block;
 251     margin-bottom:5px;
 252     padding-left :5px;
 253     text-decoration:none;
 254     font-weight:normal;
 255     color:#027ac6;
 256 }
 257
 258 #mainmenu ul a:hover {
 259     display:block;
 260     margin-bottom:5px;
 261     padding-left :5px;
 262     text-decoration:none;
 263     font-weight:normal;
 264     background-color:#027ac6;
 265     color:white;
 266 }
 267
 268 #mainmenu ul {
 269     list-style-type: none;
 270     padding-left:20px;
 271     margin-bottom:0px;
 272     margin-top:0px;
 273     color:#027ac6;
 274 }
 275
 276 #mainmenu li {
 277     list-style-type: none;
 278     padding-left:0px;
 279     margin-left:0px;
 280     margin-bottom:0px;
 281     margin-top:0px;
 282     color:#027ac6;
 283 }
 284
 285 #mainmenu label {
 286     width:4em;
 287 }
 288
 289 #mainmenu h3 {
 290     color:white;
 291     font-size:1.2em;
 292     margin:10px 0px 10px 0px ;
 293 }
 294
 295 #mainmenu input {
 296     border:0px;
 297     border-bottom:1px solid #027ac6;
 298 }
 299 #mainmenu input[type=submit], input[type=button], input[type=reset] {
 300     margin-left:0px;
 301     border-bottom:0px;
 302 }
 303
 304
 305 /* submenus styles */
 306 #submenu {
 307     position:absolute;
 308     top:10px;
 309     left:220px;
 310 }
 311
 312 #submenu a {
 313     margin:5px;
 314     text-decoration:none;
 315     color:white;
 316 }
 317
 318 #submenu a:hover {
 319     margin:5px;
 320     background-color:white;
 321     color:#027ac6;
 322 }
 323
 324 /*Action button*/
 325 #action {
 326     float:right;
 327 }
 328
 329 #action a {
 330     color: #0072b9;
 331     font-weight:bold;
 332     background: url( /intranet-tmpl/prog/img/bg-tab.png );
 333     font-size : 0.8em;
 334     padding:3px;
 335     margin-bottom:2px;
 336     text-decoration:none;
 337     display:block;
 338 }
 339
 340 /*edit action*/
 341 #action .edit {
 342     display:inline;
 343     margin-bottom:10px;
 344 }
 345
 346 #action .edit a {
 347     background:none;
 348     background-color : #0072b9;
 349     color : white;
 350 }
 351
 352 #action .edit a:hover {
 353     cursor:pointer;
 354 }
 355
 356 #action .view {
 357         display:inline;
 358         margin-bottom:5px;
 359 }
 360
 361 #action .view a {
 362     background:none;
 363     background-color : #5ab5ee;
 364     color : white;
 365     margin-top: 1px;
 366 }
 367
 368 #action .view a:hover {
 369     cursor:pointer;
 370 }
 371
 372 #action .others {
 373     display:inline;
 374     margin-bottom:5px;
 375 }
 376
 377 #action .others a {
 378     background:none;
 379     background-color : #2385C2;
 380     color : white;
 381     margin-top: 1px;
 382 }
 383
 384 #action .others a:hover {
 385     cursor:pointer;
 386 }
 387
 388 /* Main body style */
 389 #main {
 390     margin-left:220px;
 391     margin-top:75px;
 392     padding:5px;
 393     padding-bottom:100px;
 394     background-color:white;
 395     border:1px solid #bbb;
 396 }
 397
 398 /* facets bloc */
 399 #facets {
 400     position:absolute;
 401     right:1em;
 402 }
 403
 404 #facets dl {
 405     background-color:white;
 406     margin:0px;
 407 }
 408
 409 #facets dt {
 410     text-align:right;
 411     font-weight:bold;
 412 }
 413
 414 #facets dd {
 415     border:1px solid #CCCCCC;
 416 }
 417
 418 /* the USER information block */
 419 #librarian_information {
 420 /*     position:absolute; */
 421     float:right;
 422     font-size:10pt;
 423 }
 424
 425 /* css style for reregistration alert */
 426
 427 .reregistrinfo {
 428     color: #6699cc;
 429     font-weight : bold;
 430     background-color : #eeeeee;
 431 }
 432 /* MARC editor */
 433
 434 /* styles for the 11 buttons that the user can click on */
 435 /* the design of the active tab button (only 1 at a given time)*/
 436 .tab_active {
 437     color: #6699CC;
 438     background-color : #CCCCCC;
 439     font-size : 1em;
 440     border: 2px inset;
 441     font-weight : bold;
 442     text-decoration:none;
 443     display: inline;
 444     text-decoration:none;
 445     margin-left:10px;
 446 }
 447
 448
 449 /* the online help button */
 450 #onlinehelp {
 451     position:absolute;
 452     top:0px;
 453     right:0px;
 454 }
 455 #onlinehelp a {
 456         color:white;
 457 }
 458
 459 /* the login box */
 460 #login {
 461     font-size:0.7em;
 462 }
 463
 464 /* the design of the INactives tab buttons (all other tabs) */
 465 .tab_inactive {
 466     background-color : #6699CC;
 467     color : #FFFFFF;
 468     font-size : 1em;
 469     font-weight : bold;
 470     display:inline;
 471     border: 2px outset;
 472     text-decoration:none;
 473     margin-left:10px;
 474 }
 475
 476 /* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
 477 #tabs a {
 478     color:white;
 479     text-decoration:none;
 480     padding-right:1.2em;
 481     padding-left:1.2em;
 482     -moz-border-radius:4px;
 483 }
 484
 485 /* specify that we to do when the mouse is on 1 button */
 486 #tabs a:hover {
 487     border: 2px inset;
 488 }
 489
 490 #tabs {
 491     margin-top:35px;
 492     margin-bottom:10px;
 493 }
 494
 495 /* styles for the 11 content blocks */
 496 /* the property for hidden tabs */
 497 .content_hidden {
 498     visibility:hidden; /* you propably don't need to change this one */
 499     display:none;
 500 }
 501
 502 /* the property for the displayed tab */
 503 .content_visible {
 504     visibility:visible; /* you propably don't need to change this one */
 505     display:block;
 506 }
 507
 508 .lineSelected {
 509     background-color:yellow;
 510 }
 511
 512 /* display more informations with css layer */
 513 a.info {
 514     position: relative;
 515     text-decoration: none;
 516     color: black;
 517     border-bottom: 1px gray dotted;
 518 }
 519
 520 a.info span {
 521     display: none;
 522     width:300px;
 523 }
 524
 525 a.info:hover {
 526     background: none; /* correcting IE bug*/
 527     z-index: 500;
 528 }
 529 a.info:hover span {
 530     display: inline;
 531     position: absolute;
 532     top: 2em;
 533     right: 1em;
 534     background: orange;
 535     text-align: center;
 536     color: white;
 537     padding: 2px;
 538 }
 539
 540 /* the itemtype list (in adv search) */
 541 #itemtypelist {
 542     width:700px;
 543 }
 544 #itemtypelist td {
 545     border : 0px;
 546     margin : 0px;
 547     padding: 5px;
 548     border-collapse:collapse;
 549     border: 1px solid white;
 550     background-color:#CCCCCC;
 551     vertical-align:top;
 552 }
 553
 554 #itemtypelist p {
 555     margin:0px;
 556 }
 557
 558 /* MARC Editor stylesheet */
 559
 560 /* the style of tag description */
 561 div.tag_title {
 562     font-weight:bold;
 563     cursor:pointer;
 564 }
 565
 566 div.tag_title span {
 567     display:inline;
 568     font-size:1em;
 569     color : #027ac6;
 570 }
 571
 572 div.tag_title a:hover{
 573     text-decoration:none;
 574 }
 575
 576
 577 .subfield_line{
 578     margin-left:1.1em;
 579 }
 580
 581 .CursorHelp{
 582     cursor:help;
 583 }
 584
 585 .buttonDot{
 586     cursor:help;
 587 }
 588
 589 .buttonUp {
 590     cursor: crosshair;
 591     color: grey;
 592     font-size: .8em;
 593 }
 594
 595 .labelsubfield{
 596     min-width:210px;
 597     display:inline;
 598 }
 599
 600 .subfield_mandatory{
 601     color:red;
 602 }
 603
 604 .subfield_not_filled {
 605     width:506px;
 606     color:darkblue;
 607     background-color:#ffe5ed;
 608     border:1px solid #ffe5ed;
 609     border-bottom:1px solid red;
 610     padding:0.15em;
 611 }
 612
 613 .line_not_filled{
 614     margin-left:1.1em;
 615     background-color:#ffe5ed;
 616     border:1px solid red;
 617 }
 618
 619 .indicator{
 620     width:20px;
 621     color:darkblue;
 622     background-color: #ffffff;
 623     border:1px dotted #a4cde6;
 624     padding:0.15em;
 625 }
 626
 627 .indicator:focus {
 628     background-color:#fdfde3;
 629     border-bottom:1px solid darkblue;
 630     width:20px;
 631     color:darkblue;
 632 }
 633
 634 .input_marceditor {
 635     width:506px;
 636     color:darkblue;
 637     background-color:#ffffff;
 638     border:1px solid #ffffff;
 639     border-bottom:1px solid lightgray;
 640     padding:0.15em;
 641 }
 642
 643 .input_marceditor:focus{
 644     background-color:#fdfde3;
 645     border-bottom:1px solid darkblue;
 646     width:506px;
 647     color:darkblue;
 648 }
 649
 650 .tag{
 651     padding-bottom:1.1em;
 652 /*     border-bottom:1px dotted #a4cde6; */
 653 }
 654
 655 .buttonPlus {
 656     cursor: crosshair;
 657     color: grey;
 658     font-size: 80%;
 659 }
 660
 661 /*.flat{
 662     border:0px;
 663 }*/
 664
 665 /* End of Marc Editor stylesheet */