|
|
| Line 718: |
Line 718: |
| | } | | } |
| | | | |
| − | .sourceReference { | + | .tooltip { |
| − | padding-right: 16px; | + | position: relative; |
| − | background-image: url(https://static.igem.org/mediawiki/2015/9/92/SDU2015_SourceIcon.png); | + | display: inline-block; |
| − | width: 20px; | + | border-bottom: 1px dotted black; |
| | } | | } |
| | | | |
| − | stylesheet?acti…e=text/css:867
| + | .tooltip .tooltiptext { |
| − | .tooltipLink, .sourceReference { | + | visibility: hidden; |
| − | cursor: pointer; | + | width: 120px; |
| − | background-repeat: no-repeat; | + | background-color: black; |
| − | background-position: right; | + | color: #fff; |
| | + | text-align: center; |
| | + | border-radius: 6px; |
| | + | padding: 5px 0; |
| | + | |
| | + | /* Position the tooltip */ |
| | + | position: absolute; |
| | + | z-index: 1; |
| | + | } |
| | + | |
| | + | .tooltip:hover .tooltiptext { |
| | + | visibility: visible; |
| | } | | } |
| | | | |
| Line 744: |
Line 755: |
| | margin-left: -10px; | | margin-left: -10px; |
| | } | | } |
| − |
| |
| − | .tooltip {
| |
| − | display: none;
| |
| − | width: 250px;
| |
| − | line-height: 1.1em;
| |
| − | font-size: 11px;
| |
| − | padding: 7px 9px;
| |
| − | font-family: Tahoma, Arial;
| |
| − | border: 1px solid #0084B4;
| |
| − | -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: #EEEEEE;
| |
| − | background: -moz-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%);
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(228, 228, 228) ), color-stop(100%,#FFFFFF ));
| |
| − | background: -webkit-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%);
| |
| − | background: -o-linear-gradient(top, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%);
| |
| − | background: -ms-linear-gradient(top, rgb(228, 228, 228) 20%, rgb(255, 255, 255) 100%);
| |
| − | background: linear-gradient(to bottom, rgb(228, 228, 228) 20%,rgb(255, 255, 255) 100%);
| |
| − | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#FFFFFF',GradientType=0 );
| |
| − | }
| |
| − |
| |
| | </style> | | </style> |
| | | | |
