Template:Team:USyd-Australia/Template:Style

From 2014.igem.org

(Difference between revisions)
Line 81: Line 81:
/* Image based toolbar */
/* Image based toolbar */
-
ul#topnav {
+
/* HORIZONTAL NAVIGATION BAR
-
width:1500px;
+
/////////////////////////////////////*/
-
list-style:none;
+
 
-
height:24px;
+
ul#navigation {
 +
width:971px;
 +
list-style:none;
 +
height:24px
}
}
-
ul#topnav li {
+
ul#navigation li {
-
display:inline;
+
display:inline
}
}
-
ul#topnav li a {
+
ul#navigation li a {
-
height:24px;
+
height:24px;
-
float:left;
+
float:left;
-
text-indent:-9999px;
+
text-indent:-9999px;
 +
text-decoration:none
}
}
-
ul#topnav li#topnav-1 a {
+
ul#navigation  li a span {
-
width:125px;
+
float:left;
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat 0 0; /* X and Y position at 0 */
+
display:block
}
}
-
ul#topnav  li#topnav-1 a:hover {
+
 
-
background-position:0 -24px; /* Y position -24px for Over instance image */
+
ul#navigation li#navigation-1 a {
-
}
+
width:138px;
-
ul#topnav  li#topnav-1 a.current {
+
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat 0px 0
-
background-position:0 -48px; /* Y position -48px for Current instance image */
+
}
}
-
ul#topnav li#topnav-2 a {
+
ul#navigation li#navigation-1 a:active,
-
width:100px;
+
ul#navigation li#navigation-1 a:hover {
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -100px; 0;
+
background-position:0px -24px
}
}
-
ul#topnav  li#topnav-2 a:hover {
+
ul#navigation li#navigation-1 a.current {
-
background-position:-100px; -24px;
+
background-position:0px -48px
-
}
+
-
ul#topnav  li#topnav-2 a.current {
+
-
background-position:-100px; -48px;
+
}
}
-
ul#topnav li#topnav-3 a {
+
ul#navigation li#navigation-2 a {
-
width:250px;
+
width:138px;
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -250px 0;
+
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -138px 0
 +
}
 +
ul#navigation li#navigation-2 a:active,
 +
ul#navigation li#navigation-2 a:hover {
 +
background-position:-138px -24px
}
}
-
ul#topnav  li#topnav-3 a:hover {
+
ul#navigation li#navigation-2 a.current {
-
background-position:-250px -24px;
+
background-position:-138px -48px
-
}
+
-
ul#topnav  li#topnav-3 a.current {
+
-
background-position:-250px -48px;
+
}
}
-
ul#topnav li#topnav-4 a {
+
ul#navigation li#navigation-3 a {
-
width:145px;
+
width:140px;
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -612px 0;
+
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -276px 0
 +
}
 +
ul#navigation li#navigation-3 a:active,
 +
ul#navigation li#navigation-3 a:hover {
 +
background-position:-276px -24px
}
}
-
ul#topnav  li#topnav-4 a:hover {
+
ul#navigation li#navigation-3 a.current {
-
background-position: -612px  -24px;
+
background-position:-276px -48px
-
}
+
-
ul#topnav  li#topnav-4 a.current {
+
-
background-position: -612px  -48px;
+
}
}
-
ul#topnav li#topnav-5 a {
+
ul#navigation li#navigation-4 a {
-
width:145px;
+
width:138px;
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -765px 0;
+
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -416px 0
 +
}
 +
ul#navigation li#navigation-4 a:active,
 +
ul#navigation li#navigation-4 a:hover {
 +
background-position:-416px -24px
}
}
-
ul#topnav  li#topnav-5 a:hover {
+
ul#navigation li#navigation-4 a.current {
-
background-position: -765px -24px;
+
background-position:-416px -48px
-
}
+
-
ul#topnav  li#topnav-5 a.current {
+
-
background-position: -765px -48px;
+
}
}
-
ul#topnav li#topnav-6 a {
+
ul#navigation li#navigation-5 a {
-
width:145px;
+
width:140px;
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -918px 0;
+
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -554px 0
 +
}
 +
ul#navigation li#navigation-5 a:active,
 +
ul#navigation li#navigation-5 a:hover {
 +
background-position:-554px -24px
}
}
-
ul#topnav  li#topnav-6 a:hover {
+
ul#navigation li#navigation-5 a.current {
-
background-position: -918px -24px;
+
background-position:-554px -48px
-
}
+
-
ul#topnav  li#topnav-6 a.current {
+
-
background-position: -918px -48px;
+
}
}
-
ul#topnav li#topnav-7 a {
+
ul#navigation li#navigation-6 a {
-
width:145px;
+
width:139px;
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -1071px 0;
+
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -694px 0
 +
}
 +
ul#navigation li#navigation-6 a:active,
 +
ul#navigation li#navigation-6 a:hover {
 +
background-position:-694px -24px
}
}
-
ul#topnav  li#topnav-7 a:hover {
+
ul#navigation li#navigation-6 a.current {
-
background-position: -1071px -24px;
+
background-position:-694px -48px
}
}
-
ul#topnav  li#topnav-7 a.current {
+
 
-
background-position: -1071px -48px;
+
ul#navigation li#navigation-7 a {
 +
width:138px;
 +
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -833px 0
}
}
-
ul#topnav li#topnav-8 a {
+
ul#navigation li#navigation-7 a:active,
-
width:145px;
+
ul#navigation li#navigation-7 a:hover {
-
background:url(https://static.igem.org/mediawiki/2014/8/8e/USyd-Australia_Nav_Bar_MultiSMALLER.png) no-repeat -1224px 0;
+
background-position:-833px -24px
-
 
+
-
}
+
-
ul#topnav  li#topnav-8 a:hover {
+
-
background-position: -1224px -24px;
+
}
}
-
ul#topnav  li#topnav-8 a.current {
+
ul#navigation li#navigation-7 a.current {
-
background-position: -1224px -48px;
+
background-position:-833px -48px
}
}

Revision as of 11:53, 23 September 2014