Difference between revisions of "Template:SDU-Denmark"

Line 146: Line 146:
 
     }
 
     }
  
 +
 +
/******TOOLTIPS (referencer i txt)******/
 +
 +
 +
.tooltip {
 +
    height:12px;
 +
    width:14px;
 +
    background:url("https://static.igem.org/mediawiki/2016/0/0a/T--SDU-Denmark--reference.png") no-repeat top center;
 +
    background-size:cover;
 +
    position: relative;
 +
    display: inline-block;
 +
    border-bottom: 0px;
 +
}
 +
 +
.tooltiptext{
 +
    visibility: hidden;
 +
    font-size:12px;
 +
    width: 200px;
 +
    background-color: rgba(217,226,242,1);
 +
    color: #fff;
 +
    text-align: center;
 +
    border-width: 1px;
 +
    border-style: solid;
 +
    border-color: rgba(176,192,221,1);
 +
    border-radius: 6px;
 +
    padding: 3px 0;
 +
    position: absolute;
 +
    z-index: 1;
 +
    bottom: 100%;
 +
    left: 50%;
 +
    margin-left: -100px;
 +
 +
   
 +
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
 +
    opacity: 0;
 +
      -webkit-transition: opacity 1s;
 +
  -moz-transition: opacity 1s;
 +
    -ms-transition: opacity 1s;
 +
    -o-transition: opacity 1s;
 +
        transition: opacity 1s;
 +
}
 +
 +
.tooltip:hover .tooltiptext {
 +
    visibility: visible;
 +
    opacity: 1;
 +
}
 +
/*bottom arrow*/
 +
.tooltiptext::after {
 +
    content: " ";
 +
    position: absolute;
 +
    top: 100%; /* At the bottom of the tooltip */
 +
    left: 50%;
 +
    margin-left: -5px;
 +
    border-width: 5px;
 +
    border-style: solid;
 +
    border-color: rgba(176,192,221,1) transparent transparent transparent;
 +
}
  
  

Revision as of 09:07, 16 August 2017