/* Floating bottom right hand corner blocks. Insert the following code just after : */ /*

*/ /* Ofcourse you need to make sure that you put those images on the site in the right place!!! */ @media screen { #identity { z-index: 999; position: absolute; right: 4px; bottom: 4px; background: white; opacity: 0.5; } body > div#identity { position: fixed; } #identity img {border: none;} /* Popup Hint Stuff */ .hint { position:relative; /*this is the key*/ z-index:24; text-decoration:none } .hint:hover { z-index:25; /* background-color:#990000; */ /* color: #ffffff; */ } .hint span { display: none } .hint:hover span.popup { /*the span will display just on :hover state*/ display:block; position:absolute; font-size: smaller ; top:2em; left:2em; width:15em; padding: 2px ; border:1px solid #333333; border-left: 4px solid #333333; background-color:#eeeeee; /* color:#990000; */ text-align: left ; } /* End Popup Hint Stuff */ } @media print { #identity { visibility: hidden; } body > div#identity { visibility: hidden; } #identity img { visibility: hidden;} .hint span { display: none } }