|
|
| Line 3: |
Line 3: |
| | <html> | | <html> |
| | <style> | | <style> |
| − | /* These rules are for <add your description here> */
| + | #map { |
| | + | position: relative; |
| | + | width: 500px; |
| | + | height: 364px; |
| | + | background: #5ae url(https://static.igem.org/mediawiki/2017/8/82/Lubbock_TTU_largemap.png) no-repeat; |
| | + | padding: 0; |
| | + | } |
| | | | |
| − | .hoverMap#map .mapLink {border: 1px none #000000;}
| + | #map li { |
| − | .hoverMap#map .mapLink.disableStuff {border: none; animation: none;}
| + | display: block; |
| − | .hoverMap#map:hover .mapLink {border: 1px none #000000;}
| + | position: absolute; |
| | + | list-style: none; |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | } |
| | | | |
| − | #map_2 { width: 161px; height: 162px; top: 203px; left: 393px; border-radius: 100%; } | + | #map a { |
| − | #map_3 { width: 131px; height: 132px; top: 27px; left: 600px; border-radius: 100%; }
| + | display: block; |
| − | #map_4 { width: 91px; height: 91px; top: 93px; left: 279px; border-radius: 100%; }
| + | text-indent: -9999px; |
| − | #map_5 { width: 102px; height: 100px; top: 331px; left: 216px; border-radius: 100%; }
| + | text-decoration: none; |
| − | #map_6 { width: 85px; height: 85px; top: 419px; left: 445px; border-radius: 100%; }
| + | outline: none; |
| − | #map_7 { width: 82px; height: 81px; top: 459px; left: 648px; border-radius: 100%; }
| + | cursor: default; |
| − | </style>
| + | } |
| | | | |
| − | <div class="hoverMap" id="map">
| + | #po { |
| − | <img src="https://static.igem.org/mediawiki/2017/8/82/Lubbock_TTU_largemap.png" class="mapImage" width="95%"/>
| + | left: px; |
| | + | top: px; |
| | + | } |
| | | | |
| − | <div class="overlay"></div>
| + | #pc { |
| | + | left: px; |
| | + | top: px; |
| | + | } |
| | + | |
| | + | #hp { |
| | + | left: px; |
| | + | top: px; |
| | + | } |
| | + | |
| | + | #sa { |
| | + | left: px; |
| | + | top: px; |
| | + | } |
| | + | |
| | + | #nb { |
| | + | left: px; |
| | + | top: px; |
| | + | } |
| | + | |
| | + | #re { |
| | + | left: px; |
| | + | top: px; |
| | + | } |
| | + | |
| | + | #po a { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | } |
| | + | |
| | + | #pc a { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | } |
| | + | |
| | + | #hp a { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | } |
| | + | |
| | + | #sa a { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | } |
| | + | |
| | + | #nb a { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | } |
| | + | |
| | + | #re a { |
| | + | width: 100px; |
| | + | height: 100px; |
| | + | } |
| | + | </style> |
| | | | |
| − | <a class="mapLink" id="map_2" title="" href="#Project Overview">Project Overview</a>
| + | <ul id="map"> |
| − | <a class="mapLink" id="map_3" title="" href="#Part Collection">Part Collection</a>
| + | <li id="po"><a href="#">Project Overview</a></li> |
| − | <a class="mapLink" id="map_4" title="" href="#Results">Results</a>
| + | <li id="pc"><a href="#">Part Collection</a></li> |
| − | <a class="mapLink" id="map_5" title="" href="#Notebook">Notebook</a>
| + | <li id="hp"><a href="#">Human Practices</a></li> |
| − | <a class="mapLink" id="map_6" title="" href="#Safety">Safety</a>
| + | <li id="sa"><a href="#">Safety</a></li> |
| − | <a class="mapLink" id="map_7" title="" href="#Human Practices">Human Practices</a>
| + | <li id="nb"><a href="#">Notebook</a></li> |
| − | </div> | + | <li id="re"><a href="#">Results</a></li> |
| | + | </ul> |
| | | | |
| − | <div class="imageMapPop" id="Project Overview">
| |
| − | <p>Put something useful here.</p>
| |
| − | </div>
| |
| − | <div class="imageMapPop" id="Part Collection">
| |
| − | <p>Put something useful here.</p>
| |
| − | </div>
| |
| − | <div class="imageMapPop" id="Results">
| |
| − | <p>Put something useful here.</p>
| |
| − | </div>
| |
| − | <div class="imageMapPop" id="Notebook">
| |
| − | <p>Put something useful here.</p>
| |
| − | </div>
| |
| − | <div class="imageMapPop" id="Safety">
| |
| − | <p>Put something useful here.</p>
| |
| − | </div>
| |
| − | <div class="imageMapPop" id="Human Practices">
| |
| − | <p>Put something useful here.</p>
| |
| − | </div>
| |
| | </html> | | </html> |
