Template:Team:Berkeley/header

From 2011.igem.org

(Difference between revisions)
(test page)
 
(366 intermediate revisions not shown)
Line 1: Line 1:
-
html, body{
+
<html lang="en">
-
background-color:#254117;
+
 
-
padding:0;margin:0;
+
<style = "text/css" media="screen">
-
height: 100%
+
 
-
}
+
 
-
.logo{
+
 
-
border-style: none
+
 
 +
ul.topnav {
 +
list-style: none;
 +
padding: 0px 0px;
 +
margin: 0px 0px 0px -22px;
 +
width:1000px;
 +
float: left;
 +
 
 +
 
 +
 
}
}
-
#title{
+
ul.topnav li {
-
font-size:1.3em;
+
font-family: 'Georgia', Times, serif;
-
font-weight:lighter;
+
font-weight: 150;
-
text-align: center;
+
font-size: 1.65em;
-
}
+
float: left;
-
#sponsors_header{
+
margin:0px 0px 0px 0px;
-
padding-top:0.5em;
+
opacity:.8;
-
width:903px;
+
padding: 2px 6px 10px 12px;
-
}
+
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
-
#main_header img{
+
-
padding: 0.5em;
+
-
min-width: 000px;
+
}
}
-
#sponsors_header img{
+
ul.topnav li a{
-
padding-right:1em;
+
padding: 18px 8px 10px 10px;
-
max-height:50px;
+
color: white;
-
max-width:130px;
+
display: block;
-
}
+
-
#content{
+
-
padding-top:.5em;
+
-
width:1000px;
+
-
}
+
-
#left_col{
+
-
text-align:left;
+
-
float:left;
+
-
padding-right:1em;
+
-
}
+
-
#menu_items{
+
-
text-align:left;
+
-
line-height:2.3em;
+
-
font-family:Helvetica, Arial, sans-serif;
+
-
letter-spacing:.1em;
+
-
font-weight:lighter;
+
-
}
+
-
#menu_items a{
+
-
text-decoration:none;
+
-
color:#dddddd;
+
-
}
+
-
#menu_items ul{
+
-
padding-left:.7em;
+
-
}
+
-
#menu_items li{
+
-
list-style:none;
+
-
}
+
-
#menu_items a:hover{
+
-
background-color:#777777;
+
-
font-size:18px;
+
-
font-style:italic;
+
-
padding: 5px 5px 5px 5px;
+
-
color:#333333;
+
-
}
+
 
-
.information{
+
 
-
color:#fefefe;
+
text-decoration: none;
-
float:right;
+
float: left;
-
padding-top:1em;
+
-
font-family:Helvetica, Arial, sans-serif;
+
-
font-size:8px;
+
-
font-weight:lighter;
+
-
letter-spacing:.11em;
+
-
text-align:left;
+
-
width:750px;
+
-
line-height:1.7em;
+
-
margin-right:2.5em;
+
-
margin-left:0em;
+
-
}
+
-
em{
+
-
font-weight:lighter;
+
}
}
-
#sponsor_col{
+
ul.topnav li a:hover{
-
float:right;
+
background-color:black;
-
font-weight:lighter;
+
padding: 18px 8px 10px 10px;
-
text-align: center;
+
font-color: white;
-
}
+
 
-
#sponsor_col a{
+
-
border: 0;
+
-
+
-
+
-
}
+
-
#info{
+
-
float:left;
+
-
width: 100%;
+
}
}
-
#gogreen a{
+
ul.topnav li span { /*--Drop down trigger styles--*/
-
font-size:1.1em;
+
width: 17px;
-
text-align: center;
+
height: 25px;
-
color:#00CC33;
+
-
}
+
-
#prices{
+
float: left;
-
border:1px solid;
+
background-color: gray;
-
border-collapse: collapse
+
}
}
-
#prices th, #prices td{
+
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
-
text-align:center;
+
ul.topnav li ul.subnav {
-
vertical-align:middle;
+
list-style: none;
-
min-width:8em;
+
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 +
left: 3px; top: 55px;
 +
background: #333;
 +
margin: 0; padding: 3px;
 +
display: none;
 +
float: left;
 +
width: 160px;
 +
opacity: .6;
 +
border: 1px solid #111;
}
}
-
#prices th{
+
ul.topnav li ul.subnav li{
-
background-color:#dddddd;
+
margin: 0; padding: 0;
 +
border-top: 1px solid #252525; /*--Create bevel effect--*/
 +
border-bottom: 1px solid #444; /*--Create bevel effect--*/
 +
clear: both;
 +
height:45px;
 +
width: 155px;
 +
font-size: .5em;
 +
font-family: 'Georgia', Times, serif;
 +
font-weight: 150;
 +
 
 +
 
}
}
-
#prices td.even{
+
html ul.topnav li ul.subnav li a {
-
background-color:#d3d3d3;
+
float: left;
 +
height:25px;
 +
width: 145px;
 +
background-color: white;  
 +
padding-left: 3px;
 +
 
}
}
-
#sponsor-page table
+
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
-
{
+
background-color: blue;
-
width: 100%;
+
-
border-collapse:collapse;
+
}
}
-
#sponsor-page table td
+
 
-
{
+
 
-
border-style:solid none;
+
#content1{
-
border-width:2px;
+
font-family:Georgia ,Helvetica,sans-serif;
 +
height: 300px;
 +
  }
 +
 
 +
#content2{
 +
font-family:Georgia ,Helvetica,sans-serif;
 +
height: 50px;
 +
  }
 +
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
 +
#globalWrapper {width: 100%;}
 +
 
 +
#content{
 +
padding: 0px;
 +
width: 1000px;
 +
background: #BABABA;
 +
font-family:Georgia ,Helvetica,sans-serif;
 +
border: none;
 +
text-decoration: none;
 +
 
}
}
-
.col1
+
 
-
{
+
.main_item h1{
-
padding-left:2em;
+
text-decoration:none;
-
width:210px;
+
}
}
-
.col2
+
 
-
{
+
#p-logo{
-
padding:1em;
+
display:none;
-
vertical-align:top;
+
}
}
-
#sponsor-page table img
+
 
-
{
+
#top-section2{
-
max-width: 200px;
+
width: 100%;
-
padding-top:1em;
+
 
 +
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
 +
height: 65px;
}
}
-
* {
+
#top-section3{
-
margin: 0;
+
width: 100%;
 +
height:78px;
}
}
-
.wrapper {
+
 
-
min-height: 100%;
+
#spacer {
-
height: auto !important;
+
    height: 20px;
-
height: 100%;
+
 
-
margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
+
}
}
-
.footer, .push {
+
 
-
height: 4em;
+
#team{border: 1px solid black;
-
text-align: center;
+
padding: 2px;
-
clear:both; /* .push must be the same height as .footer */
+
height:380px;}
 +
 
 +
 
 +
#search-controls{
 +
display:none;
 +
}
 +
 
 +
#spacer2 {
 +
    height: 12em;
 +
 
 +
}
 +
 
 +
#spacer3 {
 +
    height: .4em;
 +
 
 +
}
 +
 
 +
#top-section{
 +
width: 100%;
 +
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
 +
height: 5px;
 +
border: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:-42px;
 +
      margin-left: -1000px;
 +
}
 +
 +
.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:618px; /* Make sure your images are the same size */
 +
    height:464px; /* Make sure your images are the same size */
 +
}
 +
 +
-
Sticky Footer by Ryan Fait
+
</style>
-
http://ryanfait.com/
+
-
*/
+
</html>

Latest revision as of 20:07, 28 September 2011

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