Template:Team:Berkeley/header

From 2011.igem.org

(Difference between revisions)
 
(346 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
 
<html lang="en">  
<html lang="en">  
-
<head>
+
 
-
<style type="text/css">
+
<style = "text/css" media="screen">
-
body {background: #1F322F;
+
 
-
      background-position: center;
+
 
-
      background-repeat: repeat-y;body
+
 
 +
 
 +
ul.topnav {
 +
list-style: none;
 +
padding: 0px 0px;
 +
margin: 0px 0px 0px -22px;
 +
width:1000px;
 +
float: left;
 +
 
 +
 
 +
 
 +
}
 +
ul.topnav li {
 +
font-family: 'Georgia', Times, serif;
 +
font-weight: 150;
 +
font-size: 1.65em;
 +
float: left;
 +
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;
 +
-
#p-logo {height:1px; overflow:hidden; display: none;}
 
-
#top-section {
+
text-decoration: none;
-
        background-image: url('https://static.igem.org/mediawiki/2011/7/78/Bg_Test.jpg');
+
float: left;
-
        background-position: top;
+
}
-
width: 100%;
+
ul.topnav li a:hover{
-
height:30px;  
+
background-color:black;
-
border:none;}
+
padding: 18px 8px 10px 10px;
-
        background-repeat: no-repeat;
+
font-color: white;
}
}
 +
ul.topnav li span { /*--Drop down trigger styles--*/
 +
width: 17px;
 +
height: 25px;
 +
float: left;
 +
background-color: gray;
 +
}
 +
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
 +
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;
 +
width: 160px;
 +
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;
-
*
 
-
Design by http://www.bluewebtemplates.com
 
-
Released for free under a Creative Commons Attribution 3.0 License
 
-
*/
 
-
@charset "utf-8";
+
}
-
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
+
html ul.topnav li ul.subnav li a {
-
html, .main { padding:0; margin:0; background-color:#fff;}
+
float: left;
-
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
+
height:25px;
-
h1 { margin:0; padding:34px 0; color:#7e8783; font:bold 40px/1.2em Arial, Helvetica, sans-serif;}
+
width: 145px;
-
h1 a, h1 a:hover { color:#7e8783; text-decoration:none;}
+
background-color: white;  
-
h1 span { color:#e6810b;}
+
padding-left: 3px;
-
h1 small { font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
+
-
h2 { font:bold 24px Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#323a3f;}
+
-
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
+
-
a { color:#f6820b; text-decoration:underline;}
+
-
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
+
}
-
.content_resize, .fbg_resize { margin:0 auto; padding:0 40px; width:890px;}
+
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
 +
background-color: blue;
 +
}
-
/* header */
 
-
.header { background:url(images/header_bg.gif) repeat-x top;}
 
-
.header_resize { margin:0 auto; padding:0; width:970px; height:381px; background:url(images/bg.jpg) no-repeat center bottom;}
 
-
.header .logo { padding-left:40px; float:left; width:auto;}
 
-
/* menu */
+
#content1{
-
.menu_nav { margin:0; padding:215px 20px 0 20px; float:left;}
+
font-family:Georgia ,Helvetica,sans-serif;
-
.menu_nav ul { list-style:none;}
+
height: 300px;
-
.menu_nav ul li { margin:0 4px; padding:0 8px 0 0; float:left; background:url(images/menu.gif) no-repeat right center;}
+
  }
-
.menu_nav ul li a { display:block; margin:0; padding:18px 16px; color:#fff; text-decoration:none; font-size:14px;}
+
-
.menu_nav ul li.active a, .menu_nav ul li a:hover { background:url(images/menu_a.gif) repeat-x top;;}
+
-
/* search */
+
#content2{
-
.searchform { padding:222px 20px 0 0; float:right; width:auto;}
+
font-family:Georgia ,Helvetica,sans-serif;
-
#formsearch { margin:0; padding:0 0 24px 0;}
+
height: 50px;
-
#formsearch span { display:block; margin:6px 0; padding:0 8px 0 11px !important; padding:0 4px 0 6px; float:right; width:183px; background:#fff url(images/search.gif) no-repeat top left;}
+
  }
-
#formsearch input.editbox_search { margin:0; padding:5px 0; float:left; width:180px; height:20px; border:none; background:none; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#a8acb2;}
+
body{ background: url(https://static.igem.org/mediawiki/2011/6/68/Noise_pattern_8.jpg);}
-
#formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}
+
#globalWrapper {width: 100%;}
-
/* content */
+
#content{
-
.content_resize { padding:32px 0 12px 40px; width:930px;}
+
padding: 0px;
-
.content .mainbar { float:left; width:600px;}
+
width: 1000px;
-
.content .mainbar img { padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
+
background: #BABABA;
-
.content .mainbar img.fl { margin:4px 16px 4px 0; float:left;}
+
font-family:Georgia ,Helvetica,sans-serif;
-
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
+
border: none;
-
.content .sidebar { float:right; width:276px;}
+
text-decoration: none;
-
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
+
-
ul.sb_menu li, ul.ex_menu li { margin:0;}
+
-
ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}
+
-
ul.ex_menu li { padding:4px 0 8px 12px;}
+
-
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-12px; padding-left:12px;}
+
-
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#f6820b; font-weight:bold; background:url(images/li_a.gif) no-repeat left center;}
+
-
ul.sb_menu li a:hover { text-decoration:underline;}
+
-
ul.ex_menu li a:hover { text-decoration:none;}
+
-
/* subpages */
+
}
-
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
+
-
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}
+
-
/* fbg */
+
.main_item h1{
-
.fbg { background:#4f5452 url(images/fbg_bg.jpg) repeat-x top;}
+
text-decoration:none;
-
.fbg_resize { padding:24px 40px; color:#fff;}
+
}
-
.fbg  h2 { color:#fff;}
+
-
.fbg img { padding:4px; border:1px solid #cfd2d4; background-color:#fff;}
+
-
.fbg .col { margin:0; float:left;}
+
-
.fbg .c1 { padding:0 16px 0 0; width:266px;}
+
-
.fbg .c2 { padding:0 16px; width:300px;}
+
-
.fbg .c3 { padding:0 0 0 16px; width:260px;}
+
-
.fbg .c1 img { margin:8px;}
+
-
.fbg .c3 img { margin:8px 16px 4px 0; float:left;}
+
-
/* footer */
+
#p-logo{
-
.footer_resize { margin:0 auto; padding:16px 40px; width:890px;}
+
display:none;
-
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;}
+
}
-
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
+
-
ul.fmenu li { margin:0; padding:0 4px; float:left;}
+
-
ul.fmenu li a { color:#5f5f5f; text-decoration:none; padding:3px 8px;}
+
-
ul.fmenu li a:hover, ul.fmenu li.active a { background-color:#e6810b; color:#fff;}
+
-
ul.fmenu li a:hover { text-decoration:underline;}
+
-
/* form */
+
#top-section2{
-
ol { list-style:none;}
+
width: 100%;
-
ol li { display:block; clear:both;}
+
 
-
ol li label { display:block; margin:0; padding:16px 0 0 0;}
+
background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif);
-
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
+
height: 65px;
-
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
+
}
-
ol li .send { margin:16px 0 0 0;}
+
#top-section3{
 +
width: 100%;
 +
height:78px;
 +
}
 +
 
 +
 
 +
#spacer {
 +
    height: 20px;
 +
 
 +
}
 +
 
 +
#team{border: 1px solid black;
 +
padding: 2px;
 +
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 */
 +
}
</style>
</style>
 +
</html>
</html>

Latest revision as of 20:07, 28 September 2011

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