Template:Team:Berkeley/header

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
__NOTOC__<html lang="en">
-
<style>
+
<head>
 +
<style type="text/css">
 +
body {background: #1F322F;
 +
      background-position: center;
 +
      background-repeat: repeat-y;
 +
}
 +
 
 +
#p-logo {height:1px; overflow:hidden; display: none;}
#top-section {
#top-section {
-
background-image:url(https://static.igem.org/mediawiki/2011/1/17/GoldenBfront.jpg);
+
        background-image: url('https://static.igem.org/mediawiki/2011/7/78/Bg_Test.jpg');
-
height:100px; width:960px;
+
        background-position: top;
-
border-bottom-style:solid;
+
height:200px ;
-
border-width:1px;
+
        background-repeat: no-repeat;
-
border-left: 10px;
+
        border-left-width:10px;
-
border-right: 10px;
+
        border-right-width:10px;
-
z-index:0;
+
        border-bottom-width:10px;
-
}
+
}
-
#p-logo {
+
/*
-
display:none;}
+
Design by http://www.bluewebtemplates.com
 +
Released for free under a Creative Commons Attribution 3.0 License
 +
*/
-
html, body {
+
@charset "utf-8";
-
background-image:url(images/background.gif);
+
body { margin:0; padding:0; width:100%; color:#5f5f5f; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
-
color: #7a7e33;
+
html, .main { padding:0; margin:0; background-color:#fff;}
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
-
font-size: 12px;
+
h1 { margin:0; padding:34px 0; color:#7e8783; font:bold 40px/1.2em Arial, Helvetica, sans-serif;}
-
margin: 0px;
+
h1 a, h1 a:hover { color:#7e8783; text-decoration:none;}
-
padding: 0px;
+
h1 span { color:#e6810b;}
-
}
+
h1 small { font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
-
* {margin: 0px;padding: 0px;}
+
h2 { font:bold 24px Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#323a3f;}
-
p {padding:10px;display:block;}
+
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
-
#container {
+
a { color:#f6820b; text-decoration:underline;}
-
margin: 0 auto;
+
-
text-align: left;
+
-
width: 780px;
+
-
}
+
-
#header {
+
-
background-image:url(https://static.igem.org/mediawiki/2011/1/17/GoldenBfront.jpg);
+
-
width: 907px;
+
-
height:300px;
+
-
display:block;
+
-
margin:0px;
+
-
padding:0px;
+
-
}
+
-
#content{
+
-
background-image:url(images/sheetmiddle.gif);
+
-
background-repeat:repeat-y;
+
-
position:relative;
+
-
}
+
-
#sheettop{
+
-
background-image:url(images/sheet.gif);
+
-
background-repeat:no-repeat;
+
-
width:707px;
+
-
}
+
-
.title{
+
-
width:500px;
+
-
border-bottom: 1px dashed #b6be8d;
+
-
text-align:left;
+
-
margin: 25px 0px 15px 110px;
+
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
-
}
+
-
h3{
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
color:#000000;
+
-
font-size: 14px;
+
-
font-weight: bolder;
+
-
display:inline;
+
-
text-transform: uppercase;
+
-
}
+
-
h1{
+
-
font-size: 22px;
+
-
font-weight: bolder;
+
-
display:inline;
+
-
}
+
-
.text{
+
-
margin-left:110px;
+
-
width:500px;
+
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
color: #7a7e33;
+
-
position:relative;
+
-
display:block;
+
-
height:auto;
+
-
}
+
-
.text a{
+
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
-
font-size: 12px;
+
-
font-weight: bold;
+
-
color: #494c15;
+
-
text-decoration: underline;
+
-
}
+
-
.text a:hover{
+
-
color:#000000;
+
-
}
+
-
#nav{
+
-
margin-top:0px;
+
-
margin-left:134px;
+
-
}
+
-
#nav ul{
+
-
border-bottom-width: 1px;
+
-
border-bottom-style: dashed;
+
-
border-bottom-color: #c2b5a2;
+
-
width:420px;
+
-
padding-top:25px;
+
-
text-align:center;
+
-
}
+
-
#nav ul li{
+
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
-
display:inline;
+
.content_resize, .fbg_resize { margin:0 auto; padding:0 40px; width:890px;}
-
list-style-type: none;
+
-
+
-
}
+
-
#nav a{
+
-
font-size:13px;
+
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
-
font-weight: bolder;
+
-
color: #2c4002;
+
-
text-decoration:none;
+
-
}
+
-
#nav a:hover{
+
-
color: #7a7e33;
+
-
}
+
-
.thumbnails{
+
-
list-style-type: none;
+
-
display: block;
+
-
margin: 0px 0px 0px 18px;
+
-
}
+
-
.thumbnails li{
+
/* header */
-
list-style-type: none;
+
.header { background:url(images/header_bg.gif) repeat-x top;}
-
display: inline;
+
.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;}
-
.thumbnails li a{
+
/* menu */
-
border: 2px solid #FFFFFF;
+
.menu_nav { margin:0; padding:215px 20px 0 20px; float:left;}
-
display:block;
+
.menu_nav ul { list-style:none;}
-
float:left;
+
.menu_nav ul li { margin:0 4px; padding:0 8px 0 0; float:left; background:url(images/menu.gif) no-repeat right center;}
-
margin:5px;
+
.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;;}
-
.thumbnails li a:hover{
+
/* search */
-
border: 2px solid #d4e194;
+
.searchform { padding:222px 20px 0 0; float:right; width:auto;}
-
}
+
#formsearch { margin:0; padding:0 0 24px 0;}
 +
#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;}
 +
#formsearch input.button_search { margin:6px 0 0 0; padding:0; border:none; float:right;}
-
.clear{
+
/* content */
-
clear:both;
+
.content_resize { padding:32px 0 12px 40px; width:930px;}
-
}
+
.content .mainbar { float:left; width:600px;}
-
#photogallery{
+
.content .mainbar img { padding:4px; border:1px solid #b7b7b7; background-color:#fff;}
-
position:relative;
+
.content .mainbar img.fl { margin:4px 16px 4px 0; float:left;}
-
margin-left:90px;
+
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
-
width:530px;
+
.content .sidebar { float:right; width:276px;}
-
background-color:#d4e194;
+
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
-
border: 1px solid #b7c47a;
+
ul.sb_menu li, ul.ex_menu li { margin:0;}
-
margin-bottom:20px;
+
ul.sb_menu li { padding:4px 0 4px 12px; width:220px;}
-
}
+
ul.ex_menu li { padding:4px 0 8px 12px;}
-
.photobox{
+
ul.sb_menu li a, ul.ex_menu li a { color:#5f5f5f; text-decoration:none; margin-left:-12px; padding-left:12px;}
-
background-color:#7d940e;
+
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;}
-
width:342px;
+
ul.sb_menu li a:hover { text-decoration:underline;}
-
height:140px;
+
ul.ex_menu li a:hover { text-decoration:none;}
-
border: 1px solid #FFFFFF;
+
 
-
float:left;
+
/* subpages */
-
margin:8px;
+
.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;}
-
#footer{
+
-
margin-left:110px;
+
-
width:500px;
+
-
z-index:20;
+
-
}
+
-
.blog{
+
-
float:left;
+
-
margin: 8px 5px 0px 5px;
+
-
}
+
-
#footer{
+
-
background-image:url(images/footer.gif);
+
-
width:707px;
+
-
height:86px;
+
-
margin-left:0px;
+
-
}
+
-
#footer li{
+
-
display:inline;
+
-
+
-
}
+
-
#footer ul{
+
-
border-top: 1px dashed #b6be8d;
+
-
+
-
}
+
-
#footer ul, #copyright{
+
-
margin-left:95px;
+
-
font-size:11px;
+
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
-
font-weight: bolder;
+
-
color: #747742;
+
-
text-align:center;
+
-
width:514px;
+
-
padding-top:5px;
+
-
+
-
}
+
-
#footer a, #copyright a{
+
-
font-size:11px;
+
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
-
font-weight: bolder;
+
-
color: #747742;
+
-
text-decoration:none;
+
-
}
+
-
#footer a:hover, #copyright a:hover{
+
-
font-size:11px;
+
-
font-family:Verdana, Arial, Helvetica, sans-serif;
+
-
font-weight: bolder;
+
-
color: #747742;
+
-
text-decoration:underline;
+
-
}
+
 +
/* fbg */
 +
.fbg { background:#4f5452 url(images/fbg_bg.jpg) repeat-x top;}
 +
.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 */
 +
.footer_resize { margin:0 auto; padding:16px 40px; width:890px;}
 +
.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 */
 +
ol { list-style:none;}
 +
ol li { display:block; clear:both;}
 +
ol li label { display:block; margin:0; padding:16px 0 0 0;}
 +
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
 +
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
 +
ol li .send { margin:16px 0 0 0;}

Revision as of 06:47, 21 July 2011

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