Template:Team:USyd-Australia/Template:NavStyle

From 2014.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 8: Line 8:
<style type="text/css">
<style type="text/css">
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
/* Image based toolbar */
-
    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;}
+
-
 
+
-
/* Table styles */
+
-
 
+
-
table#primer-gblock tr:nth-child(even) {
+
-
    background-color: #eee;
+
-
}
+
-
table#primer-gblock tr:nth-child(odd) {
+
-
    background-color: #fff;
+
-
}
+
-
table#primer-gblock, th#primer-gblock, td#primer-gblock {
+
-
padding: 5px;
+
-
}
+
-
 
+
-
table#primer-gblock, th#primer-gblock, td#primer-gblock {
+
-
border: 1px solid black;
+
-
border-collapse: collapse;
+
-
}
+
-
 
+
-
 
+
-
/* 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{
+
#navcontainer {
-
  color: #7086A7;
+
position: relative;
-
}
+
left: -24px;
-
 
+
-
a:hover {
+
-
  color: #5C6E89 ;
+
}
}
-
 
-
 
-
#globalWrapper{
 
-
  font-size: 150%;
 
-
}
 
-
 
-
/* Banner Image Positioning*/
 
-
#topbanner{
 
-
  margin-left:35px;
 
-
  margin-top:0px;}
 
-
 
-
 
-
 
-
/* Image based toolbar */
 
-
 
ul#navigation {
ul#navigation {
width:971px;
width:971px;
Line 107: Line 20:
}
}
-
ul#navigation li {
+
ul#navigation > li {
display:inline
display:inline
}
}
-
ul#navigation li a {
+
ul#navigation > li > a {
height:41px;
height:41px;
float:left;
float:left;
Line 118: Line 31:
}
}
-
ul#navigation li a span {
+
ul#navigation > li#navigation-1 > a {
-
float:left;
+
-
display:block
+
-
}
+
-
 
+
-
ul#navigation li#navigation-1 a {
+
width:141px;
width:141px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat 0px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat 0px 0
}
}
-
ul#navigation li#navigation-1 a:active,
+
ul#navigation > li#navigation-1 > a:active,
-
ul#navigation li#navigation-1 a:hover {
+
ul#navigation > li#navigation-1 > a:hover {
background-position:0px -41px
background-position:0px -41px
}
}
-
ul#navigation li#navigation-1 a.current {
+
ul#navigation > li#navigation-1 > a.current {
background-position:0px 0px -41px
background-position:0px 0px -41px
}
}
-
ul#navigation li#navigation-2 a {
+
ul#navigation > li#navigation-2 > a {
width:106px;
width:106px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -141px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -141px 0
}
}
-
ul#navigation li#navigation-2 a:active,
+
ul#navigation > li#navigation-2 > a:active,
-
ul#navigation li#navigation-2 a:hover {
+
ul#navigation > li#navigation-2 > a:hover {
background-position:-141px -41px
background-position:-141px -41px
}
}
-
ul#navigation li#navigation-2 a.current {
+
ul#navigation > li#navigation-2 > a.current {
background-position:-141px -141px -41px
background-position:-141px -141px -41px
}
}
-
ul#navigation li#navigation-3 a {
+
ul#navigation > li#navigation-3 > a {
width:135px;
width:135px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -247px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -247px 0
}
}
-
ul#navigation li#navigation-3 a:active,
+
ul#navigation > li#navigation-3 > a:active,
-
ul#navigation li#navigation-3 a:hover {
+
ul#navigation > li#navigation-3 > a:hover {
background-position:-247px -41px
background-position:-247px -41px
}
}
-
ul#navigation li#navigation-3 a.current {
+
ul#navigation > li#navigation-3 > a.current {
background-position:-247px -247px -41px
background-position:-247px -247px -41px
}
}
-
ul#navigation li#navigation-4 a {
+
ul#navigation > li#navigation-4 > a {
width:113px;
width:113px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -382px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -382px 0
}
}
-
ul#navigation li#navigation-4 a:active,
+
ul#navigation > li#navigation-4 > a:active,
-
ul#navigation li#navigation-4 a:hover {
+
ul#navigation > li#navigation-4 > a:hover {
background-position:-382px -41px
background-position:-382px -41px
}
}
-
ul#navigation li#navigation-4 a.current {
+
ul#navigation > li#navigation-4 > a.current {
background-position:-382px -382px -41px
background-position:-382px -382px -41px
}
}
-
ul#navigation li#navigation-5 a {
+
ul#navigation > li#navigation-5 > a {
width:148px;
width:148px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -495px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -495px 0
}
}
-
ul#navigation li#navigation-5 a:active,
+
ul#navigation > li#navigation-5 > a:active,
-
ul#navigation li#navigation-5 a:hover {
+
ul#navigation > li#navigation-5 > a:hover {
background-position:-495px -41px
background-position:-495px -41px
}
}
-
ul#navigation li#navigation-5 a.current {
+
ul#navigation > li#navigation-5 > a.current {
background-position:-495px -495px -41px
background-position:-495px -495px -41px
}
}
-
ul#navigation li#navigation-6 a {
+
ul#navigation > li#navigation-6 > a {
width:124px;
width:124px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -643px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -643px 0
}
}
-
ul#navigation li#navigation-6 a:active,
+
ul#navigation > li#navigation-6 > a:active,
-
ul#navigation li#navigation-6 a:hover {
+
ul#navigation > li#navigation-6 > a:hover {
background-position:-643px -41px
background-position:-643px -41px
}
}
-
ul#navigation li#navigation-6 a.current {
+
ul#navigation > li#navigation-6 > a.current {
background-position:-643px -643px -41px
background-position:-643px -643px -41px
}
}
-
ul#navigation li#navigation-7 a {
+
ul#navigation > li#navigation-7 > a {
width:204px;
width:204px;
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -767px 0
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat -767px 0
}
}
-
ul#navigation li#navigation-7 a:active,
+
ul#navigation > li#navigation-7 > a:active,
-
ul#navigation li#navigation-7 a:hover {
+
ul#navigation > li#navigation-7 > a:hover {
background-position:-767px -41px
background-position:-767px -41px
}
}
-
ul#navigation li#navigation-7 a.current {
+
ul#navigation > li#navigation-7 > a.current {
background-position:-767px -767px -41px
background-position:-767px -767px -41px
}
}
-
 
/* Horizontal drop-down */
/* Horizontal drop-down */
Line 221: Line 128:
     list-style: none;
     list-style: none;
     position: absolute;
     position: absolute;
-
     top: 20px;
+
     top: 15px;
-
     height: 41px;
+
     height: 40px;
     width: 100%;
     width: 100%;
     z-index: 1;
     z-index: 1;
Line 235: Line 142:
     list-style: none;
     list-style: none;
     position: absolute;
     position: absolute;
-
     top: 30px;
+
     left:5px;
-
     height: 41px;
+
     top: 25px;
-
     width:100%;
+
     height: 40px;
     z-index: 1;
     z-index: 1;
     display: block;
     display: block;
     opacity: 1;
     opacity: 1;
 +
    width: 100%;
}
}
Line 248: Line 156:
     background-color: transparent;
     background-color: transparent;
     position: relative;
     position: relative;
-
     width: 175px;
+
     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.
+
/*
3-1: Background
3-1: Background
Line 272: Line 183:
4-5: gBlocks*/
4-5: gBlocks*/
-
#nav-3-1 > a {
+
 
-
width:141px;
+
/* PROJECT SUBMENU */
-
background:url(https://static.igem.org/mediawiki/2014/3/33/USyd-Australia_Nav_Bar_DNA.png) no-repeat 0px 0
+
 
 +
#subnav-3 {
 +
width:619px;
 +
left: 5px;
}
}
-
#nav-3-1 > a a:active,
+
 
-
#nav-3-1 > a:hover {
+
#subnav-3 li a {
-
background-position:0px -41px
+
height:40px;
 +
float:left;
 +
text-indent:-9999px;
 +
text-decoration:none
}
}
-
#nav-3-1 > a.current {
+
 
-
background-position:0px 0px -41px
+
#subnav-3 li a span {
 +
float:left;
 +
display:block
}
}
 +
#subnav-3 li#nav-3-1 a {
 +
width:157px;
 +
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat 0px 0
 +
}
 +
#subnav-3 li#nav-3-1 a:active,
 +
#subnav-3 li#nav-3-1 a:hover {
 +
background-position:0px -40px
 +
}
 +
#subnav-3 li#nav-3-1 a.current {
 +
background-position:0px 0px -40px
 +
}
 +
 +
#subnav-3 li#nav-3-2 a {
 +
width:91px;
 +
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -157px 0
 +
}
 +
 +
#subnav-3 li#nav-3-2 a:active,
 +
#subnav-3 li#nav-3-2 a:hover {
 +
background-position:-157px -40px
 +
}
 +
#subnav-3 li#nav-3-2 a.current {
 +
background-position:-157px -157px -40px
 +
}
 +
 +
#subnav-3 li#nav-3-3 a {
 +
width:115px;
 +
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -248px 0
 +
}
 +
 +
#subnav-3 li#nav-3-3 a:active,
 +
#subnav-3 li#nav-3-3 a:hover {
 +
background-position:-248px -40px
 +
}
 +
#subnav-3 li#nav-3-3 a.current {
 +
background-position:-248px -248px -40px
 +
}
 +
 +
#subnav-3 li#nav-3-4 a {
 +
width:114px;
 +
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -363px 0
 +
}
 +
 +
#subnav-3 li#nav-3-4 a:active,
 +
#subnav-3 li#nav-3-4 a:hover {
 +
background-position:-363px -40px
 +
}
 +
#subnav-3 li#nav-3-4 a.current {
 +
background-position:-363px -363px -40px
 +
}
 +
 +
#subnav-3 li#nav-3-5 a {
 +
width:142px;
 +
background:url(https://static.igem.org/mediawiki/2014/c/cb/USyd-Australia_Project-submenu.png) no-repeat -477px 0
 +
}
 +
 +
#subnav-3 li#nav-3-5 a:active,
 +
#subnav-3 li#nav-3-5 a:hover {
 +
background-position:-477px -40px
 +
}
 +
#subnav-3 li#nav-3-5 a.current {
 +
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

Retrieved from "http://2014.igem.org/Template:Team:USyd-Australia/Template:NavStyle"