"
Team:DTU-Denmark/Kristian
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
| - | < | + | <html> |
| + | |||
| + | <style type='text/CSS'> | ||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
display:none;} | display:none;} | ||
| Line 9: | Line 11: | ||
#content { | #content { | ||
border: none;} | border: none;} | ||
| - | |||
| + | .tooltipLink, .sourceReference { | ||
| + | cursor:pointer; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: right; | ||
| + | } | ||
| + | .tooltipLink { | ||
| + | font-weight:bold; | ||
| + | color: #004684; | ||
| + | //background-image: url(https://static.igem.org/mediawiki/2013/8/86/SDU2013_PopupIcon.png); | ||
| + | } | ||
| + | .sourceReference { | ||
| + | padding-right:19px; | ||
| + | background-image: url(https://static.igem.org/mediawiki/2013/3/34/SDU2013_SourceIcon.png); | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .tooltip { | ||
| + | display:none; | ||
| + | width:250px; | ||
| + | line-height: 1.1em; | ||
| + | font-size: 11px; | ||
| + | padding: 7px 9px; | ||
| + | font-family: Tahoma, Arial; | ||
| + | border: 1px solid #004684; | ||
| + | /* border shadow */ | ||
| + | -webkit-box-shadow: 4px 4px 12px rgba(50, 50, 50, 0.75); | ||
| + | -moz-box-shadow: 4px 4px 12px rgba(50, 50, 50, 0.75); | ||
| + | box-shadow: 4px 4px 12px rgba(50, 50, 50, 0.75); | ||
| + | /* background */ | ||
| + | background: #EEEEEE; /* Old browsers */ | ||
| + | background: -moz-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* FF3.6+ */ | ||
| + | background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(228, 228, 228) ), color-stop(100%,#FFFFFF )); /* Chrome,Safari4+ */ | ||
| + | background: -webkit-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */ | ||
| + | background: -o-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* Opera 11.10+ */ | ||
| + | background: -ms-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%); /* IE10+ */ | ||
| + | background: linear-gradient(to bottom, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%); /* W3C */ | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */ | ||
| + | } | ||
| + | .tooltipHeader { | ||
| + | font-size: 13px; | ||
| + | font-family: Tahoma, Arial; | ||
| + | font-weight: bold; | ||
| + | display: block; | ||
| + | margin-bottom:8px; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #004684; | ||
| + | padding: 5px 5px 5px 10px; | ||
| + | margin-top: -8px; | ||
| + | margin-right: -10px; | ||
| + | margin-left: -10px; | ||
| + | } | ||
| + | |||
| + | |||
| + | </style> | ||
| + | |||
| + | |||
| + | |||
| + | <a href='https://2014.igem.org/wiki/index.php?title=Team:DTU-Denmark/Kristian&action=edit'>EDIT</a> | ||
| + | |||
| + | <span class='tooltipLink'>Tooltip</span> | ||
| + | <span class='tooltip'><span class='tooltipHeader'>Overskrift</span>Tekst test tekst</span> | ||
| + | her. | ||
| - | + | </html> | |
Revision as of 08:57, 8 April 2014
EDIT Tooltip OverskriftTekst test tekst her.
