Template:Team:Sheffield/NavigationBar

From 2014.igem.org

(Difference between revisions)
Line 165: Line 165:
.socialMediaIcon {
.socialMediaIcon {
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 +
.socialMediaIcon div {
position: relative;
position: relative;
width: 40px;
width: 40px;
Line 192: Line 197:
}
}
-
.socialMediaIcon:hover > .whiteIcon {
+
.socialMediaIcon div:hover > .whiteIcon {
visibility: hidden;
visibility: hidden;
}
}
-
.socialMediaIcon:hover > .colouredIcon {
+
.socialMediaIcon div:hover > .colouredIcon {
visibility: visible;
visibility: visible;
}
}
Line 248: Line 253:
<li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
<li><a href=""><img id="igemLogo" src="https://static.igem.org/mediawiki/2014/7/7d/IGEMLogo.png"></a></li>
<li>
<li>
-
<a href="">
+
<a class="socialMediaIcon" href="">
-
<div class="socialMediaIcon">
+
<div>
<img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/b/bc/TwitterWhite.png">
<img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/b/bc/TwitterWhite.png">
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b2/TwitterBlack.png">
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b2/TwitterBlack.png">
Line 255: Line 260:
</div>
</div>
</a>
</a>
-
<a href="">
+
</li>
-
<div class="socialMediaIcon">
+
<li>
 +
<a class="socialMediaIcon" href="">
 +
<div>
<img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/2/29/FacebookWhite.png">
<img class="whiteIcon" src="https://static.igem.org/mediawiki/2014/2/29/FacebookWhite.png">
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b6/FacebookBlack.png">
<img class="blackIcon" src="https://static.igem.org/mediawiki/2014/b/b6/FacebookBlack.png">

Revision as of 15:34, 14 September 2014