Template:Team:Berkeley/header

From 2011.igem.org

(Difference between revisions)
 
(358 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">  
-
<style>
+
-
<class>
+
-
html, body {
+
-
margin: 0;
+
-
padding: 0;
+
-
background: #FFFFFF url(https://static.igem.org/mediawiki/2011/8/85/Img01.jpg) repeat-x;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 14px;
+
-
color: #303030;
+
-
}
+
-
h1, h2, h3 {
+
<style = "text/css" media="screen">
-
margin: 0;
+
-
padding: 0;
+
-
font-weight: normal;
+
-
color: #303030;
+
-
}
+
-
h1 {
 
-
font-size: 2em;
 
-
}
 
-
h2 {
 
-
font-size: 2.4em;
 
-
}
 
-
h3 {
 
-
font-size: 1.6em;
 
-
}
 
-
p, ul, ol {
+
ul.topnav {
-
margin-top: 0;
+
list-style: none;
-
line-height: 180%;
+
padding: 0px 0px;
-
}
+
margin: 0px 0px 0px -22px;
 +
width:1000px;
 +
float: left;
-
ul, ol {
 
-
}
 
-
a {
 
-
text-decoration: none;
 
-
color: #121212;
 
-
}
 
-
a:hover {
 
-
text-decoration: underline;
 
}
}
-
 
+
ul.topnav li {
-
img.border {
+
font-family: 'Georgia', Times, serif;
-
border: 6px solid #E1F1F6;
+
font-weight: 150;
-
}
+
font-size: 1.65em;
-
 
+
-
img.alignleft {
+
float: left;
float: left;
-
margin-right: 25px;
+
margin:0px 0px 0px 0px;
 +
opacity:.8;
 +
padding: 2px 6px 10px 12px;
 +
position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/
}
}
 +
ul.topnav li a{
 +
padding: 18px 8px 10px 10px;
 +
color: white;
 +
display: block;
 +
-
img.alignright {
 
-
float: right;
 
-
}
 
-
img.aligncenter {
+
text-decoration: none;
-
margin: 0px auto;
+
float: left;
}
}
 +
ul.topnav li a:hover{
 +
background-color:black;
 +
padding: 18px 8px 10px 10px;
 +
font-color: white;
-
#wrapper {
 
-
background: url(images/img02.jpg) no-repeat center top;
 
}
}
 +
ul.topnav li span { /*--Drop down trigger styles--*/
 +
width: 17px;
 +
height: 25px;
-
/* Header */
 
-
 
-
#header {
 
-
width: 1000px;
 
-
height: 140px;
 
-
margin: 0 auto;
 
-
}
 
-
 
-
/* Logo */
 
-
 
-
#logo {
 
float: left;
float: left;
-
margin: 0;
+
background-color: gray;
-
padding: 20px 0px 0px 0px;
+
-
color: #FFFFFF;
+
}
}
-
 
+
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
-
#logo h1, #logo p {
+
ul.topnav li ul.subnav {
 +
list-style: none;
 +
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
 +
left: 3px; top: 55px;
 +
background: #333;
 +
margin: 0; padding: 3px;
 +
display: none;
float: left;
float: left;
-
margin: 0;
+
width: 160px;
-
padding: 0;
+
opacity: .6;
 +
border: 1px solid #111;
}
}
 +
ul.topnav li ul.subnav li{
 +
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;
-
#logo h1 {
 
-
float: left;
 
-
margin: 0px;
 
-
padding: 50px 0px 0px 30px;
 
-
letter-spacing: -1px;
 
-
text-transform: lowercase;
 
-
text-shadow: #808080 -1px 1px 2px;
 
-
font-family: Georgia, "Times New Roman", Times, serif;
 
-
font-size: 64px;
 
-
}
 
-
#logo p {
 
-
margin: 0;
 
-
padding: 90px 0 0 15px;
 
-
text-shadow: #808080 -1px 1px 2px;
 
-
font: normal 18px Georgia, "Times New Roman", Times, serif;
 
-
font-style: italic;
 
}
}
 +
html ul.topnav li ul.subnav li a {
 +
float: left;
 +
height:25px;
 +
width: 145px;
 +
background-color: white;
 +
padding-left: 3px;
-
#logo a {
 
-
border: none;
 
-
background: none;
 
-
text-decoration: none;
 
-
color: #FFFFFF;
 
}
}
-
 
+
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
-
/* Search */
+
background-color: blue;
-
 
+
-
#search {
+
-
float: right;
+
-
width: 280px;
+
-
height: 100px;
+
-
padding: 0;
+
}
}
-
#search form {
 
-
height: 41px;
 
-
margin: 0;
 
-
padding: 100px 0 0 30px;
 
-
}
 
-
#search fieldset {
+
#content1{
-
margin: 0;
+
font-family:Georgia ,Helvetica,sans-serif;
-
padding: 0;
+
height: 300px;
-
border: none;
+
  }
-
}
+
-
#search-text {
+
#content2{
-
width: 233px;
+
font-family:Georgia ,Helvetica,sans-serif;
-
height: 30px;
+
height: 50px;
-
padding: 0px 10px 0px 10px;
+
  }
-
border: none;
+
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
-
background: url(images/img09.jpg) no-repeat left top;
+
#globalWrapper {width: 100%;}
-
text-transform: lowercase;
+
-
font: normal 11px Arial, Helvetica, sans-serif;
+
-
color: #303030;
+
-
}
+
-
#search-submit {
+
#content{
-
display: none;
+
padding: 0px;
-
}
+
width: 1000px;
 +
background: #BABABA;
 +
font-family:Georgia ,Helvetica,sans-serif;
 +
border: none;
 +
text-decoration: none;
-
/* Menu */
 
-
 
-
#menu {
 
-
width: 960px;
 
-
height: 50px;
 
-
margin: 0 auto;
 
-
padding: 5px 0px 0px 0px;
 
}
}
-
#menu ul {
+
.main_item h1{
-
margin: 0;
+
text-decoration:none;
-
padding: 0px 0px 0px 4px;
+
-
list-style: none;
+
-
line-height: normal;
+
}
}
-
#menu li {
+
#p-logo{
-
float: left;
+
display:none;
}
}
-
#menu a {
+
#top-section2{
-
display: block;
+
width: 100%;
-
height: 25px;
+
-
margin: 0px 2px 0px 15px;
+
-
padding: 10px 15px 0px 15px;
+
-
background: url(images/img04.gif) no-repeat left 14px;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 14px;
+
-
font-weight: bold;
+
-
color: #121212;
+
-
border: none;
+
-
}
+
-
#menu .current_page_item a {
+
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
 +
height: 65px;
}
}
-
 
+
#top-section3{
-
#menu a:hover {
+
width: 100%;
-
text-decoration: none;
+
height:78px;
}
}
-
/* Page */
 
-
#page {
+
#spacer {
-
width: 1000px;
+
    height: 20px;
-
margin: 0 auto;
+
-
padding: 0;
+
-
}
+
-
#page-bgtop {
 
}
}
-
#page-bgbtm {
+
#team{border: 1px solid black;
-
margin: 0px;
+
padding: 2px;
-
padding: 60px 30px 0px 30px;
+
height:380px;}
-
}
+
-
/* Content */
 
-
#content {
+
#search-controls{
-
float: left;
+
display:none;
-
width: 540px;
+
-
padding: 30px 20px 0px 0px;
+
}
}
-
.post {
+
#spacer2 {
-
padding-top: 20px;
+
    height: 12em;
-
padding-bottom: 10px;
+
-
}
+
-
.post .title {
 
-
letter-spacing: -1px;
 
}
}
-
.post .title a {
+
#spacer3 {
-
color: #303030;
+
    height: .4em;
-
border: none;
+
-
}
+
-
.post .meta {
 
-
padding-bottom: 5px;
 
-
text-align: left;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-size: 11px;
 
-
font-style: italic;
 
}
}
-
.post .meta a {
+
#top-section{
 +
width: 100%;
 +
background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);
 +
height: 5px;
 +
border:none;
}
}
-
.post .entry {
+
.firstHeading {
-
text-align: justify;
+
display:none;
-
margin-bottom: 25px;
+
-
padding: 10px 0px 0px 0px;
+
}
}
-
.links {
+
/*
-
display: block;
+
* jQuery Nivo Slider v2.6
-
width: 96px;
+
* http://nivo.dev7studios.com
-
padding: 2px 0px 2px 0px;
+
*
-
background: #A53602;
+
* Copyright 2011, Gilbert Pellegrom
-
text-align: center;
+
* Free to use and abuse under the MIT license.
-
text-transform: uppercase;
+
* http://www.opensource.org/licenses/mit-license.php
-
font-size: 10px;
+
*
-
color: #FFFFFF;
+
* March 2010
 +
*/
 +
 +
 +
/* The Nivo Slider styles */
 +
.nivoSlider {
 +
position:relative;
 +
        effect: 'fade'
}
}
-
 
+
.nivoSlider img {
-
/* Sidebar */
+
position:absolute;
-
 
+
top:0px;
-
#sidebar {
+
left:0px;
-
float: right;
+
-
width: 330px;
+
-
padding: 40px 0px 0px 0px;
+
}
}
-
 
+
/* If an image is wrapped in a link */
-
#sidebar ul {
+
.nivoSlider a.nivo-imageLink {
-
margin: 0;
+
position:absolute;
-
padding: 0;
+
top:0px;
-
list-style: none;
+
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:6;
 +
display:none;
}
}
-
 
+
/* The slices and boxes in the Slider */
-
#sidebar li {
+
.nivo-slice {
-
margin: 0;
+
display:block;
-
padding: 0;
+
position:absolute;
 +
z-index:5;
 +
height:100%;
}
}
-
 
+
.nivo-box {
-
#sidebar li ul {
+
display:block;
-
margin: 0px 15px;
+
position:absolute;
-
padding-bottom: 30px;
+
z-index:5;
}
}
-
 
+
/* Caption styles */
-
#sidebar li li {
+
.nivo-caption {
-
padding-left: 15px;
+
position:absolute;
-
line-height: 35px;
+
left:0px;
-
background: url(images/img07.gif) no-repeat left 14px;
+
bottom:0px;
 +
background:#000;
 +
color:#fff;
 +
opacity:0.8; /* Overridden by captionOpacity setting */
 +
width:100%;
 +
z-index:8;
}
}
-
 
+
.nivo-caption p {
-
#sidebar li li span {
+
padding:5px;
-
display: block;
+
margin:0;
-
margin-top: -20px;
+
-
padding: 0;
+
-
font-size: 11px;
+
-
font-style: italic;
+
}
}
-
 
+
.nivo-caption a {
-
#sidebar h2 {
+
display:inline !important;
-
height: 38px;
+
-
margin-bottom: 20px;
+
-
padding: 12px 0 0 15px;
+
-
letter-spacing: -1px;
+
-
font-size: 24px;
+
}
}
-
 
+
.nivo-html-caption {
-
#sidebar p {
+
    display:none;
-
margin: 0 0px;
+
-
padding: 0px 20px 20px 20px;
+
-
text-align: justify;
+
}
}
-
 
+
/* Direction nav styles (e.g. Next & Prev) */
-
#sidebar a {
+
.nivo-directionNav a {
-
border: none;
+
position:absolute;
 +
top:45%;
 +
z-index:9;
 +
cursor:pointer;
}
}
-
 
+
.nivo-prevNav {
-
#sidebar a:hover {
+
left:15px;
-
text-decoration: underline;
+
}
}
-
 
+
.nivo-nextNav {
-
/* Calendar */
+
right:15px;
-
 
+
-
#calendar {
+
}
}
-
 
+
/* Control nav styles (e.g. 1,2,3...) */
-
#calendar_wrap {
+
.theme-default .nivo-controlNav {
-
padding: 20px;
+
      position:absolute; left:100%; bottom:-42px;
 +
      margin-left: -1000px;
}
}
-
#calendar table {
+
.nivo-controlNav a {
-
width: 100%;
+
position:relative;
 +
z-index:9;
 +
cursor:pointer;
}
}
-
#calendar tbody td {
 
-
text-align: center;
 
-
}
 
-
#calendar #next {
 
-
text-align: right;
 
-
}
 
-
/* Footer */
+
.nivo-controlNav a.active {
-
 
+
font-weight:bold;
-
#footer-wrapper {
+
-
background: url(images/img01.jpg) repeat-x left bottom;
+
}
}
-
#footer {
+
.theme-default #slider {
-
width: 1000px;
+
    margin:0px auto 0px auto;
-
height: 300px;
+
    width:618px; /* Make sure your images are the same size */
-
margin: -80px auto 0px auto;
+
    height:464px; /* Make sure your images are the same size */
-
background: url(images/img08.jpg) no-repeat center top;
+
}
}
-
#footer p {
 
-
margin: 0;
 
-
padding-top: 180px;
 
-
line-height: normal;
 
-
font-size: 14px;
 
-
text-align: center;
 
-
}
 
-
#footer a {
+
 
-
}
+
</style>
</style>
-
</class>
+
 
</html>
</html>

Latest revision as of 20:07, 28 September 2011

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