Template:Team:Sheffield/NavigationBar

From 2014.igem.org

(Difference between revisions)
Line 12: Line 12:
        $("#teamLogo li a img").addClass("scrolling");
        $("#teamLogo li a img").addClass("scrolling");
        $("#navigationBar > li > ul > li > a").addClass("scrolling");
        $("#navigationBar > li > ul > li > a").addClass("scrolling");
-
        $(".whiteIcon").addClass("scrolling");
 
-
        $(".blackIcon").addClass("scrolling");
 
    } else {
    } else {
        $("#navigationBar").removeClass("scrolling");
        $("#navigationBar").removeClass("scrolling");
Line 19: Line 17:
        $("#teamLogo li a img").removeClass("scrolling");
        $("#teamLogo li a img").removeClass("scrolling");
        $("#navigationBar > li > ul > li > a").removeClass("scrolling");
        $("#navigationBar > li > ul > li > a").removeClass("scrolling");
-
        $(".whiteIcon").removeClass("scrolling");
 
-
        $(".blackIcon").removeClass("scrolling");
 
    }
    }
});
});
Line 225: Line 221:
width: 40px;
width: 40px;
height: 40px;
height: 40px;
-
}
 
-
 
-
.whiteIcon {
 
-
z-index: 0;
 
}
}
.blackIcon {
.blackIcon {
z-index: 1;
z-index: 1;
-
visibility: hidden;
 
}
}
Line 241: Line 232:
}
}
-
.socialMediaIcon div:hover > .whiteIcon {
+
.socialMediaIcon div:hover > .blackIcon {
visibility: hidden;
visibility: hidden;
}
}
.socialMediaIcon div:hover > .colouredIcon {
.socialMediaIcon div:hover > .colouredIcon {
-
visibility: visible;
 
-
}
 
-
 
-
.whiteIcon.scrolling {
 
-
visibility: hidden;
 
-
}
 
-
 
-
.blackIcon.scrolling {
 
visibility: visible;
visibility: visible;
}
}
Line 266: Line 249:
<a class="socialMediaIcon" href="http://twitter.com/iGEMSheffield">
<a class="socialMediaIcon" href="http://twitter.com/iGEMSheffield">
<div>
<div>
-
<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">
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/7/78/TwitterColour.png">
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/7/78/TwitterColour.png">
Line 277: Line 259:
<a class="socialMediaIcon" href="http://www.facebook.com/iGEMSheffield2014">
<a class="socialMediaIcon" href="http://www.facebook.com/iGEMSheffield2014">
<div>
<div>
-
<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">
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/1/1b/FacebookColour.png">
<img class="colouredIcon" src="https://static.igem.org/mediawiki/2014/1/1b/FacebookColour.png">

Revision as of 11:16, 15 October 2014