Template:Team:USyd-Australia/Template:NavStyle

From 2014.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 7: Line 7:
<style type="text/css">
<style type="text/css">
-
 
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
-
    display:none;}
 
-
#top-section {
 
-
    border: none;
 
-
    height: 0px;}
 
-
#content {
 
-
    border: 10px solid #aaccff;
 
-
    border-radius: 100px;
 
-
    margin-top: 40px;
 
-
    margin-bottom: 40px;
 
-
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 255, 0..3);
 
-
    -moz-box-shadow: 0 0 10px rgba(0, 0, 255, 0.3);
 
-
    box-shadow: 0 0 20px rgba(0, 0, 255, 0.3);
 
-
}
 
-
 
-
/* Removes "teams" from the menubar */
 
-
#menubar > ul > li:last-child {
 
-
    display: none;}
 
-
/* Resizes the menubar to fix the links (default is 400px) */
 
-
#menubar {
 
-
    width: auto;}
 
-
 
-
/* Remove Edit Section Link */
 
-
.editsection{
 
-
  display: none;
 
-
}
 
-
 
-
/*Fiddling with the theme*/
 
-
#content{
 
-
  padding: 35px 35px;
 
-
}
 
-
 
-
#globalWrapper {
 
-
    text-align: justify;
 
-
    padding: 0;
 
-
}
 
-
 
-
body{
 
-
  background-image:url(https://static.igem.org/mediawiki/2014/4/49/USyd-Australia_wavy-bg.png);
 
-
  background-color: #fff;
 
-
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 
-
}
 
-
 
-
h2 {
 
-
  font-family: "Rockwell",Georgia, serif;
 
-
  font-weight: bold;
 
-
}
 
-
 
-
h1, h3, h4, h5, h6 {
 
-
  font-family: "Rockwell",Georgia, serif;
 
-
  font-weight: normal;
 
-
}
 
-
 
-
a{
 
-
  color: #7086A7;
 
-
}
 
-
 
-
a:hover {
 
-
  color: #5C6E89 ;
 
-
}
 
-
 
-
 
-
#globalWrapper{
 
-
  font-size: 150%;
 
-
}
 
-
 
-
/* Banner Image Positioning*/
 
-
#topbanner{
 
-
  margin-left: -35px;
 
-
  margin-top: -20px;}
 
-
 
-
#bottombanner{
 
-
  margin-left: -35px;
 
-
}
 
/* Image based toolbar */
/* Image based toolbar */
Line 87: Line 12:
#navcontainer {
#navcontainer {
position: relative;
position: relative;
 +
left: -24px;
}
}
ul#navigation {
ul#navigation {
Line 203: Line 129:
     position: absolute;
     position: absolute;
     top: 15px;
     top: 15px;
-
    left: 0px;
+
     height: 40px;
-
     height: 41px;
+
     width: 100%;
     width: 100%;
     z-index: 1;
     z-index: 1;
Line 217: Line 142:
     list-style: none;
     list-style: none;
     position: absolute;
     position: absolute;
-
     left:0px;
+
     left:5px;
-
     top: 15px;
+
     top: 25px;
-
     height: 41px;
+
     height: 40px;
-
    width:100%;
+
     z-index: 1;
     z-index: 1;
     display: block;
     display: block;
Line 233: Line 157:
     position: relative;
     position: relative;
     width: auto;
     width: auto;
-
     height: 41px
+
     height: 40px
  }
  }
.subnav li a {
.subnav li a {
     display:block;
     display:block;
-
     height: 100%;
+
     height:39px;
-
      
+
     float:left;
 +
    text-indent:-9999px;
 +
    text-decoration:none
 +
    border-bottom: 5px solid transparent;   
}
}
-
/* SAMPLE MAPPER SHOWN BELOW THIS COMMENT. TEXT MUST BE REMOVED FROM BETWEEN <A></A> TAGS ON BANNERTEST PAGE WHEN IMAGES ARE PUT IN.
+
/*
3-1: Background
3-1: Background
Line 256: Line 183:
4-5: gBlocks*/
4-5: gBlocks*/
-
.subnav {
 
-
width:623px;
 
-
list-style:none;
 
-
height:40px
 
-
}
 
-
.subnav li {
+
/* PROJECT SUBMENU */
-
display:inline
+
 
 +
#subnav-3 {
 +
width:619px;
 +
left: 5px;
}
}
-
.subnav li a {
+
 
 +
#subnav-3 li a {
height:40px;
height:40px;
float:left;
float:left;
Line 273: Line 199:
}
}
-
.subnav  li a span {
+
#subnav-3 li a span {
float:left;
float:left;
display:block
display:block
}
}
-
.subnav li#nav-3-1 a {
+
#subnav-3 li#nav-3-1 a {
width:157px;
width:157px;
-
background:url(https://static.igem.org/mediawiki/2014/3/34/Usyd-Australia_subnav_proj_bar.jpg) no-repeat 0px 0
+
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat 0px 0
}
}
-
.subnav li#nav-3-1 a:active,
+
#subnav-3 li#nav-3-1 a:active,
-
.subnav li#nav-3-1 a:hover {
+
#subnav-3 li#nav-3-1 a:hover {
background-position:0px -40px
background-position:0px -40px
}
}
-
.subnav li#nav-3-1 a.current {
+
#subnav-3 li#nav-3-1 a.current {
background-position:0px 0px -40px
background-position:0px 0px -40px
}
}
-
.subnav li#nav-3-2 a {
+
#subnav-3 li#nav-3-2 a {
-
width:93px;
+
width:91px;
-
background:url(https://static.igem.org/mediawiki/2014/3/34/Usyd-Australia_subnav_proj_bar.jpg) no-repeat -157px 0
+
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -157px 0
}
}
-
.subnav li#nav-3-2 a:active,
+
#subnav-3 li#nav-3-2 a:active,
-
.subnav li#nav-3-2 a:hover {
+
#subnav-3 li#nav-3-2 a:hover {
background-position:-157px -40px
background-position:-157px -40px
}
}
-
.subnav li#nav-3-2 a.current {
+
#subnav-3 li#nav-3-2 a.current {
background-position:-157px -157px -40px
background-position:-157px -157px -40px
}
}
-
.subnav li#nav-3-3 a {
+
#subnav-3 li#nav-3-3 a {
width:115px;
width:115px;
-
background:url(https://static.igem.org/mediawiki/2014/3/34/Usyd-Australia_subnav_proj_bar.jpg) no-repeat -250px 0
+
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -248px 0
}
}
-
.subnav li#nav-3-3 a:active,
+
#subnav-3 li#nav-3-3 a:active,
-
.subnav li#nav-3-3 a:hover {
+
#subnav-3 li#nav-3-3 a:hover {
-
background-position:-250px -40px
+
background-position:-248px -40px
}
}
-
.subnav li#nav-3-3 a.current {
+
#subnav-3 li#nav-3-3 a.current {
-
background-position:-250px -250px -40px
+
background-position:-248px -248px -40px
}
}
-
.subnav li#nav-3-4 a {
+
#subnav-3 li#nav-3-4 a {
-
width:115px;
+
width:114px;
-
background:url(https://static.igem.org/mediawiki/2014/3/34/Usyd-Australia_subnav_proj_bar.jpg) no-repeat -365px 0
+
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -363px 0
}
}
-
.subnav li#nav-3-4 a:active,
+
#subnav-3 li#nav-3-4 a:active,
-
.subnav li#nav-3-4 a:hover {
+
#subnav-3 li#nav-3-4 a:hover {
-
background-position:-365px -40px
+
background-position:-363px -40px
}
}
-
.subnav li#nav-3-4 a.current {
+
#subnav-3 li#nav-3-4 a.current {
-
background-position:-365px -365px -40px
+
background-position:-363px -363px -40px
}
}
-
.subnav li#nav-3-5 a {
+
#subnav-3 li#nav-3-5 a {
-
width:143px;
+
width:142px;
-
background:url(https://static.igem.org/mediawiki/2014/3/34/Usyd-Australia_subnav_proj_bar.jpg) no-repeat -480px 0
+
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -477px 0
}
}
-
.subnav li#nav-3-5 a:active,
+
#subnav-3 li#nav-3-5 a:active,
-
.subnav li#nav-3-5 a:hover {
+
#subnav-3 li#nav-3-5 a:hover {
-
background-position:-480px -40px
+
background-position:-477px -40px
}
}
-
.subnav li#nav-3-5 a.current {
+
#subnav-3 li#nav-3-5 a.current {
-
background-position:-480px -480px -40px
+
background-position:-477px -477px -40px
}
}
 +
/* PARTS SUBMENU */
 +
 +
#subnav-4 {
 +
width:570px;
 +
left: 154px;
 +
}
 +
 +
 +
#subnav-4 li a {
 +
height:40px;
 +
float:left;
 +
text-indent:-9999px;
 +
text-decoration:none
 +
}
 +
 +
#subnav-4  li a span {
 +
float:left;
 +
display:block
 +
}
 +
 +
#subnav-4 li#nav-4-1 a {
 +
width:129px;
 +
background:url(https://static.igem.org/mediawiki/2014/4/4a/USyd-Australia_Parts-submenu.png) no-repeat 0px 0
 +
}
 +
 +
#subnav-4 li#nav-4-1 a:active,
 +
#subnav-4 li#nav-4-1 a:hover {
 +
background-position:0px -40px
 +
}
 +
#subnav-4 li#nav-4-1 a.current {
 +
background-position:0px 0px -40px
 +
}
 +
 +
#subnav-4 li#nav-4-2 a {
 +
width:99px;
 +
background:url(https://static.igem.org/mediawiki/2014/4/4a/USyd-Australia_Parts-submenu.png) no-repeat -129px 0
 +
}
 +
 +
#subnav-4 li#nav-4-2 a:active,
 +
#subnav-4 li#nav-4-2 a:hover {
 +
background-position:-129px -40px
 +
}
 +
#subnav-4 li#nav-4-2 a.current {
 +
background-position:-129px -129px -40px
 +
}
 +
 +
#subnav-4 li#nav-4-3 a {
 +
width:100px;
 +
background:url(https://static.igem.org/mediawiki/2014/4/4a/USyd-Australia_Parts-submenu.png) no-repeat -228px 0
 +
}
 +
 +
#subnav-4 li#nav-4-3 a:active,
 +
#subnav-4 li#nav-4-3 a:hover {
 +
background-position:-228px -40px
 +
}
 +
#subnav-4 li#nav-4-3 a.current {
 +
background-position:-228px -228px -40px
 +
}
 +
 +
#subnav-4 li#nav-4-4 a {
 +
width:99px;
 +
background:url(https://static.igem.org/mediawiki/2014/4/4a/USyd-Australia_Parts-submenu.png) no-repeat -328px 0
 +
}
 +
 +
#subnav-4 li#nav-4-4 a:active,
 +
#subnav-4 li#nav-4-4 a:hover {
 +
background-position:-328px -40px
 +
}
 +
#subnav-4 li#nav-4-4 a.current {
 +
background-position:-328px -328px -40px
 +
}
 +
 +
#subnav-4 li#nav-4-5 a {
 +
width:143px;
 +
background:url(https://static.igem.org/mediawiki/2014/4/4a/USyd-Australia_Parts-submenu.png) no-repeat -427px 0
 +
}
 +
 +
#subnav-4 li#nav-4-5 a:active,
 +
#subnav-4 li#nav-4-5 a:hover {
 +
background-position:-427px -40px
 +
}
 +
#subnav-4 li#nav-4-5 a.current {
 +
background-position:-427px -427px -40px
 +
}
</style>
</style>
</html>
</html>

Latest revision as of 03:57, 18 October 2014