Template:Team:USyd-Australia/Template:NavStyle

From 2014.igem.org

(Difference between revisions)
 
(170 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;}
+
-
 
+
-
/* 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 {
+
#navcontainer {
-
  color: #5C6E89 ;
+
position: relative;
 +
left: -24px;
}
}
-
 
-
 
-
#globalWrapper{
 
-
  font-size: 150%;
 
-
}
 
-
 
-
/* Banner Image Positioning*/
 
-
#topbanner{
 
-
  margin-left: -35px;
 
-
  margin-top: -20px;}
 
-
 
-
#bottombanner{
 
-
  margin-left: -35px;
 
-
}
 
-
 
-
/* Image based toolbar */
 
-
 
ul#navigation {
ul#navigation {
width:971px;
width:971px;
Line 91: 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 102: 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 */
-
*----------------------------*/
+
-
/*From: http://www.cssnewbie.com/horizontal-dropdown-menus/#.VDxo22eSySp */
+
-
ul#navigation li#navigation-3 ul#dropdown {
 
-
visibility: hidden;  }
 
-
#navigation li#navigation-3:hover > ul#dropdown, #navigation li#navigation-3.hover > ul#dropdown {
+
.topnav .subnav {
-
visibility: visible;
+
    list-style: none;
-
position: absolute;
+
    position: absolute;
-
display: inline;
+
    top: 15px;
-
left: 0;
+
    height: 40px;
-
width: 100%;
+
    width: 100%;
-
margin: 0;
+
    z-index: 1;
-
padding: 0; }
+
    display: block;
 +
    -webkit-transition: top 0.3s ease-in-out, opacity 0.4s ease-in-out;
 +
    opacity: 0;  
 +
    height: 0;
 +
    overflow: hidden;
 +
}
-
#navigation li#navigation-3 ul#dropdown li#ddList a#ddLink {
+
.topnav:hover .subnav {
-
background: blue;
+
    list-style: none;
 +
    position: absolute;
 +
    left:5px;
 +
    top: 25px;
 +
    height: 40px;
 +
    z-index: 1;
 +
    display: block;
 +
    opacity: 1;
 +
    width: 100%;
}
}
-
#navigation li#navigation-3:hover li#ddList, #navigation li#navigation-3.hover ul#ddList {
+
.topnav:hover .subnav li {
-
float: left; }
+
    list-style: none;
-
#navigation li#navigation-3:hover li#ddList a#ddLink, #navigation li#navigation-3.hover li#ddList a#ddLink {
+
    display: inline-table;
-
color: #000; }
+
    background-color: transparent;
-
#navigation li#navigation-3 li#ddList a#ddLink:hover {
+
    position: relative;
-
color: #357; }
+
    width: auto;
-
   
+
    height: 40px
 +
  }
 +
.subnav li a {
 +
    display:block;
 +
    height:39px;
 +
    float:left;
 +
    text-indent:-9999px;
 +
    text-decoration:none
 +
    border-bottom: 5px solid transparent;   
 +
}
 +
 +
/*
 +
 +
3-1: Background
 +
3-2: Design
 +
3-3: Approach
 +
3-4: Protocols
 +
3-5: Results and conclusions
 +
 +
4-1: pUS201
 +
4-2: pUS203
 +
4-3: pUS204
 +
4-4: Primers
 +
4-5: gBlocks*/
 +
 +
 +
/* PROJECT SUBMENU */
 +
 +
#subnav-3 {
 +
width:619px;
 +
left: 5px;
 +
}
 +
 +
 +
#subnav-3 li a {
 +
height:40px;
 +
float:left;
 +
text-indent:-9999px;
 +
text-decoration:none
 +
}
 +
 +
#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"