Template:Team:Berkeley/header

From 2012.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 34: Line 34:
<map name="igemmap">
<map name="igemmap">
-
   <area shape="circle" coords="537,220,55" alt="iGEM" href="https://2012.igem.org" />
+
   <area shape="circle" coords="540,65,45" alt="iGEM" href="https://2012.igem.org" target="new"/>
-
   <area shape="rect" coords="215,185,480,275" alt="Berkeley" href="http://www.berkeley.edu" />  
+
   <area shape="rect" coords="270,40,470,100" alt="Berkeley" href="http://www.berkeley.edu" target="new"/>
 +
  <area shape="rect" coords="275,115,500,260" alt="iGEMBerkeley" href="https://2012.igem.org/Team:Berkeley" />
 +
  <area shape="rect" coords="500,130,570,260" alt="iGEMBerkeley" href="https://2012.igem.org/Team:Berkeley" />
</map>
</map>
Line 45: Line 47:
<style = "text/css" media="screen">
<style = "text/css" media="screen">
-
 
ul.sidenav {
ul.sidenav {
-
list-style:none;
+
list-style:none;
-
padding: 0;
+
padding: 0;
-
margin:0px, 0px, 0px, 35px;
+
margin:0px, 0px, 0px, 20px;
-
width: 160px;
+
width: 160px;
-
float: right;
+
float: right;
}
}
-
 
ul.sidenav li {
ul.sidenav li {
position: relative;
position: relative;
}
}
-
 
ul.sidenav li a{
ul.sidenav li a{
-
display: block;
+
display: block;
-
overflow: auto; /*force hasLayout in IE7 */
+
overflow: auto; /*force hasLayout in IE7 */
-
color: white;
+
color: white;
-
text-decoration: none;
+
text-decoration: none;
-
margin: .75%;
+
margin: .75%;
-
font: 2em 'Myriad Pro';
+
font: 1.9em 'Myriad Pro';
-
width: 150px;
+
width: 150px;
}
}
-
 
ul.sidenav li a:link, ul.sidenav li a:visited{
ul.sidenav li a:link, ul.sidenav li a:visited{
-
 
<!--background: url(https://static.igem.org/mediawiki/2012/6/62/2012_berkeley_home.jpg) no-repeat 100% 50%;-->
<!--background: url(https://static.igem.org/mediawiki/2012/6/62/2012_berkeley_home.jpg) no-repeat 100% 50%;-->
-
background-size: 20px;
+
background-size: 20px;
/*background-color: #006291;*/ /*background of tabs (default state)*/
/*background-color: #006291;*/ /*background of tabs (default state)*/
}
}
ul.sidenav li a:visited{
ul.sidenav li a:visited{
-
color: white;
+
color: white;
}
}
ul.sidenav li a:hover{
ul.sidenav li a:hover{
-
background-color: #333333;
+
background-color: #333333;
}
}
-
 
-
 
ul.topnav {
ul.topnav {
Line 88: Line 83:
padding: 0px 0px;
padding: 0px 0px;
margin: 0;
margin: 0;
-
width:1000px;
+
        width:1000px;
float: left;
float: left;
-
 
-
 
-
 
}
}
ul.topnav li {
ul.topnav li {
-
font-family: 'Georgia', Times, serif;
+
font-family: 'Georgia', Times, serif;
-
font-weight: 150;
+
font-weight: 150;
font-size: 1.65em;
font-size: 1.65em;
float: left;
float: left;
margin:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
-
opacity:.8;
+
opacity:.8;
padding: 2px 6px 10px 12px;
padding: 2px 6px 10px 12px;
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
Line 108: Line 100:
color: white;
color: white;
display: block;
display: block;
-
 
-
 
-
 
text-decoration: none;
text-decoration: none;
float: left;
float: left;
}
}
ul.topnav li a:hover{
ul.topnav li a:hover{
-
background-color:black;
+
background-color:black;
-
padding: 18px 8px 10px 10px;
+
padding: 18px 8px 10px 10px;
-
font-color: white;
+
font-color: white;
-
 
+
}
}
ul.topnav li span { /*--Drop down trigger styles--*/
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
width: 17px;
height: 25px;
height: 25px;
-
 
float: left;
float: left;
background-color: gray;
background-color: gray;
}
}
-
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
+
ul.topnav li span.subhover {
 +
background-position: center bottom;  
 +
cursor: pointer; /*--Hover effect for trigger--*/
 +
}
ul.topnav li ul.subnav {
ul.topnav li ul.subnav {
list-style: none;
list-style: none;
-
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
position: absolute;
-
left: 3px; top: 55px;
+
left: 3px; top: 55px;/*--Important - Keeps subnav from affecting main navigation flow--*/
background: #333;
background: #333;
margin: 0; padding: 3px;
margin: 0; padding: 3px;
Line 137: Line 127:
float: left;
float: left;
width: 160px;
width: 160px;
-
opacity: .6;
+
opacity: .6;
border: 1px solid #111;
border: 1px solid #111;
}
}
Line 145: Line 135:
border-bottom: 1px solid #444; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
clear: both;
-
height:45px;
+
height:45px;
width: 155px;
width: 155px;
font-size: .5em;
font-size: .5em;
-
font-family: 'Georgia', Times, serif;
+
font-family: 'Georgia', Times, serif;
-
font-weight: 150;
+
font-weight: 150;
-
 
+
-
 
+
}
}
html ul.topnav li ul.subnav li a {
html ul.topnav li ul.subnav li a {
Line 159: Line 147:
background-color: white;  
background-color: white;  
padding-left: 3px;
padding-left: 3px;
-
 
}
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background-color: none;
background-color: none;
}
}
-
 
#slideshow {  
#slideshow {  
     margin: 50px auto;  
     margin: 50px auto;  
Line 173: Line 159:
     box-shadow: 0 0 20px rgba(0,0,0,0.4);  
     box-shadow: 0 0 20px rgba(0,0,0,0.4);  
}
}
-
 
#slideshow > div {  
#slideshow > div {  
     position: absolute;  
     position: absolute;  
Line 181: Line 166:
     bottom: 10px;  
     bottom: 10px;  
}
}
-
 
#content1{
#content1{
-
font-family:Georgia ,Helvetica,sans-serif;
+
font-family:Georgia ,Helvetica,sans-serif;
-
height: 300px;
+
height: 300px;
   }
   }
#content2{
#content2{
-
font-family:Georgia ,Helvetica,sans-serif;
+
font-family:Georgia ,Helvetica,sans-serif;
-
height: 50px;
+
height: 50px;
   }
   }
-
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
+
body{  
 +
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
 +
}
#globalWrapper {width: 100%;}
#globalWrapper {width: 100%;}
-
 
#content{
#content{
-
padding: 0px;
+
padding: 0px;
-
width: 1000px;
+
width: 1000px;
-
background: #BABABA;
+
background: #BABABA;
-
font-family:Georgia ,Helvetica,sans-serif;
+
font-family:Georgia ,Helvetica,sans-serif;
-
border: none;
+
border: none;
-
text-decoration: none;
+
text-decoration: none;
-
 
+
}
}
-
 
#footer, f-poweredbyico, f-copyrightico, f-list {
#footer, f-poweredbyico, f-copyrightico, f-list {
-
background: #BABABA;
+
background: #BABABA;
-
margin:0px;
+
margin:0px;
-
padding:0px;}
+
padding:0px;}
-
 
+
#footer-box {
#footer-box {
-
background: #BABABA;
+
background: #BABABA;
-
border:none;}
+
border:none;
-
 
+
}
-
 
+
.main_item h1{
.main_item h1{
-
text-decoration:none;
+
text-decoration:none;
-
}
+
-
 
+
-
#p-logo{
+
-
display:none;
+
}
}
 +
#p-logo{display:none;}
#top-section2{
#top-section2{
-
width: 100%;
+
width: 100%;
-
 
+
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
-
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
+
height: 65px;
-
height: 65px;
+
}
}
#top-section3{
#top-section3{
-
width: 100%;
+
width: 100%;
-
height:0px;
+
height:0px;
}
}
-
 
+
#team{
-
#team{border: 1px solid black;
+
border: 1px solid black;
-
padding: 2px;
+
padding: 2px;
-
height:380px;}
+
height:380px;}
-
 
+
-
 
+
#search-controls{
#search-controls{
-
display:none;
+
display:none;
}
}
-
 
+
#spacer {height: 15px;}
-
#spacer {
+
#spacer2 {height: 9em;}
-
    height: 15px;
+
#spacer3 {height: .4em;}
-
}
+
#spacer4 {height: .8em;}
-
 
+
-
#spacer2 {
+
-
    height: 9em;
+
-
}
+
-
 
+
-
#spacer3 {
+
-
    height: .4em;
+
-
}
+
-
 
+
-
#spacer4 {
+
-
    height: 1em;
+
-
}
+
-
 
+
#top-section{
#top-section{
-
width: 100%;
+
width: 100%;
-
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
+
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
-
height: 5px;
+
height: 5px;
-
border:none;
+
border:none;
}
}
 +
.firstHeading {display:none;}
-
.firstHeading {
 
-
display:none;
 
-
}
 
-
 
-
/*
 
-
* jQuery Nivo Slider v2.6
 
-
* http://nivo.dev7studios.com
 
-
*
 
-
* Copyright 2011, Gilbert Pellegrom
 
-
* Free to use and abuse under the MIT license.
 
-
* http://www.opensource.org/licenses/mit-license.php
 
-
*
 
-
* March 2010
 
-
*/
 
-
 
-
 
-
/* The Nivo Slider styles */
 
-
.nivoSlider {
 
-
position:relative;
 
-
        effect: 'fade'
 
-
}
 
-
.nivoSlider img {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
}
 
-
/* If an image is wrapped in a link */
 
-
.nivoSlider a.nivo-imageLink {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
width:100%;
 
-
height:100%;
 
-
border:0;
 
-
padding:0;
 
-
margin:0;
 
-
z-index:6;
 
-
display:none;
 
-
}
 
-
/* The slices and boxes in the Slider */
 
-
.nivo-slice {
 
-
display:block;
 
-
position:absolute;
 
-
z-index:5;
 
-
height:100%;
 
-
}
 
-
 
-
.nivo-box {
 
-
display:block;
 
-
position:absolute;
 
-
z-index:5;
 
-
}
 
-
/* Caption styles */
 
-
.nivo-caption {
 
-
position:absolute;
 
-
left:0px;
 
-
bottom:0px;
 
-
background:#000;
 
-
color:#fff;
 
-
opacity:0.8; /* Overridden by captionOpacity setting */
 
-
width:100%;
 
-
z-index:8;
 
-
}
 
-
.nivo-caption p {
 
-
padding:5px;
 
-
margin:0;
 
-
}
 
-
.nivo-caption a {
 
-
display:inline !important;
 
-
}
 
-
.nivo-html-caption {
 
-
    display:none;
 
-
}
 
-
/* Direction nav styles (e.g. Next & Prev) */
 
-
.nivo-directionNav a {
 
-
position:absolute;
 
-
top:45%;
 
-
z-index:9;
 
-
cursor:pointer;
 
-
}
 
-
 
-
.nivo-prevNav {
 
-
left:15px;
 
-
}
 
-
.nivo-nextNav {
 
-
right:15px;
 
-
}
 
-
 
-
/* Control nav styles (e.g. 1,2,3...) */
 
-
 
-
.theme-default .nivo-controlNav {
 
-
      position:absolute; left:100%; bottom: 200px;
 
-
      margin-left: -900px;
 
-
      z-index: -1;
 
-
}
 
-
.nivo-controlNav a {
 
-
position:relative;
 
-
z-index:9;
 
-
cursor:pointer;
 
-
}
 
-
 
-
 
-
 
-
.nivo-controlNav a.active {
 
-
font-weight:bold;
 
-
}
 
-
 
-
.theme-default #slider {
 
-
    margin:0px auto 0px auto;
 
-
    width:480px; /* Make sure your images are the same size */
 
-
    height:360px; /* Make sure your images are the same size */
 
-
}
 
</style>
</style>
-
 
-
 
</html>
</html>

Latest revision as of 06:08, 2 October 2012

header
iGEM Berkeley iGEMBerkeley iGEMBerkeley

Retrieved from "http://2012.igem.org/Template:Team:Berkeley/header"