Template:Team:UC Davis/Head

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
   <head>
   <head>
 +
      <style type="text/css">
-
<style type="text/css">
+
              a.white:link {color:#FFF;}      /* unvisited link */
 +
              a.white:visited {color:#FFF;}  /* visited link */
 +
              a.white:hover {color:#FFF;}  /* mouse over link */
 +
              a.white:active {color:#FFF;}  /* selected link */  
-
a.white:link {color:#FFF;}      /* unvisited link */
+
              .floatbox
-
a.white:visited {color:#FFF;}  /* visited link */
+
              {
-
a.white:hover {color:#FFF;}  /* mouse over link */
+
                    width:707px;
-
a.white:active {color:#FFF;} /* selected link */
+
                    float:left;
 +
                    background-color: rgba(0,0,0,.65);
 +
                    margin-top: 5px;
 +
                    border-radius: 4px;
 +
                    padding: 15px 15px 15px 15px;
 +
                    font: sans-serif;
 +
                    font-size: 13px;
 +
                    color: rgba(225,225,225,.9);
 +
              }
-
.floatbox
+
              /* Some stylesheet reset */
-
{
+
              .nav, .nav ul {
-
width:707px;
+
              margin: 0;
-
float:left;
+
              padding: 0;
-
background-color: rgba(0,0,0,.65);
+
              list-style: none;
-
margin-top: 5px;
+
              line-height: 1;
-
border-radius: 4px;
+
              z-index: 9999999;
-
padding: 15px 15px 15px 15px;
+
              }
-
font: sans-serif;
+
-
font-size: 13px;
+
-
color: rgba(225,225,225,.9);
+
-
}
+
-
/* Some stylesheet reset */
+
              /* The top navigation menu */
-
.nav, .nav ul {
+
              .nav {
-
margin: 0;
+
              /* Layout & positioning */
-
padding: 0;
+
              display: block;
-
list-style: none;
+
              position: relative;
-
line-height: 1;
+
              width: 967px; /*1000px*/
-
z-index: 9999999;
+
              height: 43px;
-
}
+
-
/* The top navigation menu */
+
              /* Background & effects */
-
.nav {
+
              background: #232323; /* Background for Internet Explorer 9 and older browsers */
-
/* Layout & positioning */
+
              background: -webkit-linear-gradient(bottom, #444, #555); /* Background for Chrome & Safari */
-
display: block;
+
              background: -moz-linear-gradient(bottom, #444, #555); /* Background for Firefox */
-
position: relative;
+
              background: -o-linear-gradient(bottom, #444, #555); /* Background for Opera */
-
width: 967px; /*1000px*/
+
              background: -ms-linear-gradient(bottom, #444, #555); /* Background for Internet Explore 10+ */
-
height: 43px;
+
              }
-
/* Background & effects */
+
              /* The link containers */
-
background: #232323; /* Background for Internet Explorer 9 and older browsers */
+
              .nav>li {
-
background: -webkit-linear-gradient(bottom, #444, #555); /* Background for Chrome & Safari */
+
              display: block;
-
background: -moz-linear-gradient(bottom, #444, #555); /* Background for Firefox */
+
              float:left;
-
background: -o-linear-gradient(bottom, #444, #555); /* Background for Opera */
+
              position: relative;
-
background: -ms-linear-gradient(bottom, #444, #555); /* Background for Internet Explore 10+ */
+
              margin: 0;
-
}
+
              padding: 0;
-
 
+
-
/* The link containers */
+
-
.nav>li {
+
-
display: block;
+
-
float:left;
+
-
position: relative;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
              }
-
/* The main navigation links */
+
              /* The main navigation links */
-
.nav>li>a {
+
              .nav>li>a {
-
/* Layout & positioning */
+
              /* Layout & positioning */
-
display: block;
+
              display: block;
-
width: 159.1px; /* 198 */
+
              width: 159.1px; /* 198 */
-
        padding: 15px 0px;
+
                      padding: 15px 0px;
-
border-right: 1px dotted #393939;
+
              border-right: 1px dotted #393939;
-
border-left: 1px dotted #595959;
+
              border-left: 1px dotted #595959;
-
/* Typography */
+
              /* Typography */
-
font-family: Arial, san-serif;
+
              font-family: Arial, san-serif;
-
font-size: 20px;
+
              font-size: 20px;
-
font-weight: normal;
+
                    font-weight: normal;
-
text-decoration: none;
+
              text-decoration: none;
-
color: #CCC;
+
              color: #CCC;
-
text-shadow: 0 1px 0 #2a2a2a;
+
              text-shadow: 0 1px 0 #2a2a2a;
-
text-align: center;
+
              text-align: center;
-
/* Chaning the background on hover with a smooth transition */
+
              /* Chaning the background on hover with a smooth transition */
-
-webkit-transition: background .35s linear;
+
              -webkit-transition: background .35s linear;
-
-moz-transition: background .35s linear;
+
              -moz-transition: background .35s linear;
-
-ms-transition: background .35s linear;
+
              -ms-transition: background .35s linear;
-
-o-transition: background .35s linear;
+
              -o-transition: background .35s linear;
-
transition: background .35s linear;
+
              transition: background .35s linear;
-
}
+
              }
-
/* Chaning the background on hover */
+
              /* Chaning the background on hover */
-
.nav>li>a:hover, .nav>li:hover>a {
+
              .nav>li>a:hover, .nav>li:hover>a {
-
background: rgba(255, 255, 255, .9);
+
              background: rgba(255, 255, 255, .9);
-
color: #000;
+
              color: #000;
-
}
+
              }
-
.nav>li:first-child a {
+
              .nav>li:first-child a {
-
border-top-left-radius: 3px;
+
              border-top-left-radius: 3px;
-
}
+
              }
-
.arrow:hover {
+
              .arrow:hover {
-
    -moz-transition-duration: 3000s;
+
                  -moz-transition-duration: 3000s;
-
    -ms-transition-duration: 3000s;
+
                  -ms-transition-duration: 3000s;
-
    -o-transition-duration: 3000s;
+
                  -o-transition-duration: 3000s;
-
    -webkit-transition-duration: 3000s;
+
                  -webkit-transition-duration: 3000s;
-
    transition-duration: 3000s;
+
                  transition-duration: 3000s;
-
}
+
              }
-
/* General styling for the submenus */
+
              /* General styling for the submenus */
-
.nav ul {
+
              .nav ul {
-
display: block;
+
              display: block;
-
position: absolute;
+
              position: absolute;
-
left: -9999px;
+
              left: -9999px;
-
text-align: center;
+
              text-align: center;
-
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
+
              box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
-
}
+
              }
-
/* Level 1 submenus */
+
              /* Level 1 submenus */
-
.nav>li>ul {
+
              .nav>li>ul {
-
cursor: pointer;
+
              cursor: pointer;
-
padding-top: 0px;
+
              padding-top: 0px;
-
z-index: 200;
+
              z-index: 200;
-
top: 43px;
+
              top: 43px;
-
+
              }
-
}
+
-
/* Making the level 1 submenu to appear on hover */
+
              /* Making the level 1 submenu to appear on hover */
-
.nav>li:hover>ul {
+
              .nav>li:hover>ul {
-
left: 1px;
+
              left: 1px;
-
}
+
              }
-
/* The submenu link containers */
+
              /* The submenu link containers */
-
.nav ul li {
+
              .nav ul li {
-
position: relative;
+
              position: relative;
-
display: block;
+
              display: block;
-
/* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
+
              /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
-
height: 0px;
+
              height: 0px;
-
-webkit-transition: height .2s;
+
              -webkit-transition: height .2s;
-
-moz-transition: height .2s;
+
              -moz-transition: height .2s;
-
-o-transition: height .2s;
+
              -o-transition: height .2s;
-
-ms-transition: height .2s;
+
              -ms-transition: height .2s;
-
}
+
              }
-
 
+
-
/* Expanding the list elements which contain the links */
+
-
.nav li:hover>ul>li {
+
-
height: 24px;
+
-
}
+
-
 
+
-
.nav>li:hover>ul>li:first-child {
+
-
height: 27px;
+
-
}
+
-
 
+
-
.nav>li>ul>li:first-child>a {
+
-
border-top: 3px solid #fff;
+
-
}
+
-
 
+
-
.nav>li>ul>li.dropdown:first-child>ul {
+
-
 
+
-
top: 3px;
+
-
}
+
-
 
+
-
/* The links of the submenus */
+
-
.nav ul li a {
+
-
/* Layout */
+
-
display: block;
+
-
   
+
-
width: 127px; /* 169 */
+
-
padding: 6px 12px 6px 20px;
+
-
 
+
-
/* Typography */
+
-
font-size: 13px;
+
-
color: #01406e;
+
-
font-family: Arial, san-serif;
+
-
text-decoration: none;
+
-
background: #f0f0f0;
+
-
/* Every change to the links (background, color etc) will be made with a smooth transition */
+
              /* Expanding the list elements which contain the links */
-
-webkit-transition: all .2s;
+
              .nav li:hover>ul>li {
-
-moz-transition: all .2s;
+
              height: 24px;
-
-ms-transition: all .2s;
+
              }
-
-o-transition: all .2s;
+
-
transition: all .2s;
+
-
}
+
-
.nav>li>ul>li:first-child>a::before {
+
              .nav>li:hover>ul>li:first-child {
-
content: "";
+
              height: 27px;
-
display: block;
+
              }
-
position: absolute;
+
-
text-align: center;
+
-
width: 100%;
+
-
height: 12px;
+
-
background: transparent;
+
-
top: -8px;
+
-
left: 0;
+
-
z-index: 9999;
+
-
}
+
 +
              .nav>li>ul>li:first-child>a {
 +
              border-top: 3px solid #fff;
 +
              }
-
/* The hover state of the links */
+
              .nav>li>ul>li.dropdown:first-child>ul {
-
.nav ul li:hover>a, .nav ul li>a:hover {
+
                    top: 3px;
-
background: #c8c8c8; /*e7e7e7 */
+
              }
-
color: #000000;
+
-
}
+
-
/* Changing the color of the arrow on hover */
+
              /* The links of the submenus */
-
.nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
+
              .nav ul li a {
-
border-left-color: #fff;
+
              /* Layout */
-
}
+
              display: block;
 +
              width: 127px; /* 169 */
 +
              padding: 6px 12px 6px 20px;
-
.nav>li>ul>li
+
              /* Typography */
-
{
+
              font-size: 13px;
-
  margin-bottom: 0
+
              color: #01406e;
-
}
+
              font-family: Arial, san-serif;
 +
              text-decoration: none;
 +
              background: #f0f0f0;
 +
              /* Every change to the links (background, color etc) will be made with a smooth transition */
 +
              -webkit-transition: all .2s;
 +
              -moz-transition: all .2s;
 +
              -ms-transition: all .2s;
 +
              -o-transition: all .2s;
 +
              transition: all .2s;
 +
              }
-
.nav>li:first-child:hover>ul
+
              .nav>li>ul>li:first-child>a::before {
-
{
+
              content: "";
 +
              display: block;
 +
              position: absolute;
 +
              text-align: center;
 +
              width: 100%;
 +
              height: 12px;
 +
              background: transparent;
 +
              top: -8px;
 +
              left: 0;
 +
              z-index: 9999;
 +
              }
-
  left:0px;
+
              /* The hover state of the links */
 +
              .nav ul li:hover>a, .nav ul li>a:hover {
 +
              background: #c8c8c8; /*e7e7e7 */
 +
              color: #000000;
 +
              }
-
}
+
              /* Changing the color of the arrow on hover */
 +
              .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
 +
              border-left-color: #fff;
 +
              }
-
.nav>li:last-child:hover>ul  
+
              .nav>li>ul>li
-
{
+
              {
-
left:-2px;
+
                      margin-bottom: 0
-
}
+
              }
-
.tableCSS
 
-
{
 
-
background-color:#ffffff;
 
-
width:1000px;
 
-
}
+
              .nav>li:first-child:hover>ul
 +
              {
 +
                      left:0px;
 +
              }
-
</style>
+
              .nav>li:last-child:hover>ul
 +
              {
 +
                    left:-2px;
 +
              }
 +
              .tableCSS
 +
              {
 +
                    background-color:#ffffff;
 +
                    width:1000px;
 +
              }
 +
      </style>
 +
      <style>
-
<style>
+
              /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
 +
              #globalWrapper {
 +
                    background-color: rgba(255,255,255,1);
 +
                    background-image: url('http://biobm.com/images/DNA-background.jpg');
 +
                    background-size: 100%;
 +
                    background-repeat: no-repeat;
 +
                    background-attachment:fixed;
 +
                    font-family: arial, times;
 +
              }
-
/* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
+
              #content {
-
#globalWrapper {
+
                    position: relative;
-
background-color: rgba(255,255,255,1);
+
                    width: 965px;
-
background-image: url('http://biobm.com/images/DNA-background.jpg');
+
                    padding: 0px 0px 0px 0px;
-
background-size: 100%;
+
                    background: white;
-
background-repeat: no-repeat;
+
                    border: none;
-
background-attachment:fixed;
+
                    color: black;
-
font-family: arial, times;
+
                    line-height: 1.5em;
-
}
+
                    z-index: 2;
 +
              }
-
#content {
+
              #catlinks {
-
position: relative;
+
                    visibility:hidden;
-
width: 965px;
+
              }
-
padding: 0px 0px 0px 0px;
+
-
background: white;
+
-
border: none;
+
-
color: black;
+
-
line-height: 1.5em;
+
-
z-index: 2;
+
-
}
+
-
#catlinks {
+
              #bodyContent {
-
visibility:hidden;
+
                    background-color: rgba(255,255,255,1);
-
}
+
                    background-image: url('http://biobm.com/images/DNA-background.jpg');
 +
                    background-size: 100%;
 +
                    background-repeat: no-repeat;
 +
                    background-attachment:fixed;
 +
                    font-family: arial, times;
 +
              }
-
#bodyContent {
+
              .partsreglink:link {
-
background-color: rgba(255,255,255,1);
+
                    color:#33ee33;
-
background-image: url('http://biobm.com/images/DNA-background.jpg');
+
              }
-
background-size: 100%;
+
              .partsreglink:visited {
-
background-repeat: no-repeat;
+
                    color:#33ee33;
-
background-attachment:fixed;
+
              }
-
font-family: arial, times;
+
-
}
+
-
.partsreglink:link {
+
              #top-section {
-
color:#33ee33;
+
                    height: 20px;
-
}
+
                    background-color: rgba(255,255,255,0);
-
.partsreglink:visited {
+
                    margin-left: auto;
-
color:#33ee33;
+
                    width: 99%;
-
}
+
                    margin-right: auto;
 +
                    margin-bottom: 10px;
 +
                    margin-top: 3px;
 +
                    border-bottom: 20px;
 +
              }
-
#top-section {
+
              #p-logo {
-
height: 20px;
+
                    height:0px;
-
background-color: rgba(255,255,255,0);
+
                    overflow:hidden;
-
margin-left: auto;
+
                    display:none;
-
width: 99%;
+
              }
-
margin-right: auto;
+
              .firstHeading {
-
margin-bottom: 10px;
+
                    display: none;
-
margin-top: 3px;
+
              }
-
border-bottom: 20px;
+
              #footer-box {
-
}
+
                    background-color: transparent;
 +
                    border: none;
 +
                    width: 1000px;
 +
                    margin: 0 auto;
 +
                    padding: 0;
 +
              }
 +
              #search-controls {
 +
                    display: none;
 +
              }
 +
              .left-menu {
 +
                    width: 400px;
 +
                    display:block;
 +
                    float:left;
 +
                    border: none;
 +
              }
 +
              #menubar.right-menu {
 +
                    width:300px;
 +
                    display:block;
 +
                    float:left;
 +
                    margin-top:-80px;
 +
                    border: none;
 +
                    color: #000
 +
              }
-
#p-logo {
 
-
height:0px;
 
-
overflow:hidden;
 
-
display:none;
 
-
}
 
-
.firstHeading {
 
-
display: none;
 
-
}
 
-
#footer-box {
 
-
background-color: transparent;
 
-
border: none;
 
-
width: 1000px;
 
-
margin: 0 auto;
 
-
padding: 0;
 
-
}
 
-
#search-controls {
 
-
display: none;
 
-
}
 
-
.left-menu {
 
-
width: 400px;
 
-
display:block;
 
-
float:left;
 
-
border: none;
 
-
}
 
-
#menubar.right-menu {
 
-
width:300px;
 
-
display:block;
 
-
float:left;
 
-
margin-top:-80px;
 
-
border: none;
 
-
color: #000
 
-
}
 
 +
              hr{
 +
                    margin:50px 0;
 +
                    color:#eee;
 +
              }
-
hr{
+
              ul li.active{ /*IE6 hack- hide effect from that browser*/
-
margin:50px 0;
+
                    _visibility: hidden; /*IE6 rule*/
-
color:#eee;
+
              }
-
}
+
-
ul li.active{ /*IE6 hack- hide effect from that browser*/
+
              p {border:none;}
-
_visibility: hidden; /*IE6 rule*/
+
              h1 {border-color:white; color:white}
-
}
+
              .banner {border-radius:4px}
-
p {border:none;}
+
      </style>
-
h1 {border-color:white; color:white}
+
-
.banner {border-radius:4px}
+
-
</style>
+
</head>
</head>
-
  <body>
+
<body>
<img src="https://static.igem.org/mediawiki/2013/d/d4/UC_Davis_2013ConstBanner.jpg" class="banner" width=967px height=226/>
<img src="https://static.igem.org/mediawiki/2013/d/d4/UC_Davis_2013ConstBanner.jpg" class="banner" width=967px height=226/>

Revision as of 00:02, 9 August 2013

Our Sponsors

Retrieved from "http://2013.igem.org/Template:Team:UC_Davis/Head"