Team:UT Dallas/NimiTrial6

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
<title>biz solution</title>
-
<title>Jet 30</title>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
 +
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 +
<script type="text/javascript" src="js/script.js"></script>
 +
<script type="text/javascript" src="js/cufon-yui.js"></script>
 +
<script type="text/javascript" src="js/arial.js"></script>
 +
<script type="text/javascript" src="js/cuf_run.js"></script>
 +
</head>
</head>
<body>
<body>
<style media="screen" type="text/css">
<style media="screen" type="text/css">
-
 
+
@charset "utf-8";
-
/* CSS Document */
+
body {
-
 
+
-
body{
+
-
padding:11px 0 14px 0;
+
margin:0;
margin:0;
-
background-color:#EFEFDF;
+
padding:0;
-
color:#000;
+
width:100%;
 +
color:#959595;
 +
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
background:#fff;
}
}
-
div, h1, h2, p, form, label, input, textarea, img, span{
+
html, .main {
-
margin:0; padding:0;
+
padding:0;
 +
margin:0 auto;
 +
width:970px;
}
}
-
 
+
.logo {
-
ul{
+
float:left;
-
margin:0;
+
width:300px;
-
padding:0;
+
height:51px;
-
list-style-type:none;
+
padding:15px;
-
font-size:0;
+
-
}
+
-
.spacer{
+
-
clear:both;
+
-
font-size:0;
+
-
line-height:0;
+
-
}
+
-
/*------------------------------------------------body--------------------*/
+
-
 
+
-
/*------------------------------------------------header--------------------*/
+
-
#header{
+
-
background:url(images/header.gif) 0 0 no-repeat;
+
-
width:981px;
+
-
height:274px;
+
-
position:relative;
+
margin:0 auto;
margin:0 auto;
}
}
-
#header ul{
+
h1 {
-
background:url(images/nav_bar.gif) 0 0 no-repeat;
+
margin:0;
-
width:847px;
+
padding:0;
-
height:29px;
+
color:#afaeae;
-
position:absolute;
+
font:bold 38px/1.2em Arial, Helvetica, sans-serif;
-
left:31px;
+
letter-spacing:-2px;
-
top:6px;
+
-
padding:0 0 0 72px;
+
}
}
-
#header ul li{
+
h1 a, h1 a:hover {
-
background:url(images/nav_div.gif) right top no-repeat;
+
color:#afaeae;
-
height:27px;
+
text-decoration:none;
-
float:left;
+
-
padding:0 1px 0 0;
+
}
}
-
#header ul li a{
+
h1 span {
 +
color:#9dd9ff;
 +
}
 +
h1 small {
display:block;
display:block;
-
background:url(images/nav_bg.gif) 0 0 repeat-x;
+
padding:0;
-
padding:0 14px;
+
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
-
font:bold 11px/27px Arial, Helvetica, sans-serif;
+
letter-spacing:normal;
-
color:#344A04;
+
-
background-color:inherit;
+
-
text-decoration:none;
+
}
}
-
#header ul li a:hover{
+
h2 {
-
background:url(images/nav_hover.gif) 0 0 repeat-x;
+
font:normal 24px Arial, Helvetica, sans-serif;
-
color:#fff;
+
padding:8px 0;
-
background-color:inherit;
+
margin:0;
 +
color:#595959;
}
}
-
#header ul li a.hover{
+
h3 {
-
display:block;
+
font:normal 46px Arial, Helvetica, sans-serif;
-
background:url(images/nav_hover.gif) 0 0 repeat-x;
+
padding:80px 0 0;
-
color:#fff;
+
margin:0;
-
padding:0 14px;
+
color:#FFF;
-
font:bold 11px/27px Arial, Helvetica, sans-serif;
+
}
-
background-color:inherit;
+
p {
 +
margin:8px 0;
 +
padding:0 0 8px 0;
 +
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
 +
}
 +
p.spec {
 +
}
 +
a {
 +
color:#97c950;
 +
text-decoration:underline;
 +
}
 +
a.rm, a.com {
 +
padding:0;
text-decoration:none;
text-decoration:none;
-
cursor:text;
+
padding:5px 15px;
 +
background:#78bbe6;
 +
color:#FFF;
}
}
-
#header ul li.last{
+
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
-
background-image:none;
+
margin:0;
-
height:27px;
+
padding:0;
-
float:left;
+
}
}
-
#header img.logo{
+
.header {
-
position:absolute;
+
padding:0;
-
left:40px;
+
margin:0 auto;
-
top:98px;
+
-
width:249px;
+
-
height:72px;
+
}
}
-
#header h1{
+
.hbg {
-
background:url(images/slogan.gif) 0 0 no-repeat;
+
padding:0;
-
width:484px;
+
margin:0;
-
height:32px;
+
background:#78bbe6;
-
position:absolute;
+
height:271px;
-
left:411px;
+
-
top:108px;
+
-
text-indent:-10000px;
+
}
}
-
#header p{
+
.hbg img {
-
font:normal 12px/19px Arial, Helvetica, sans-serif;
+
float:left;
-
color:#fff;
+
-
background-color:inherit;
+
-
position:absolute;
+
-
left:411px;
+
-
top:142px;
+
}
}
-
#header p span.txt1{
+
.hbg .text {
-
color:#fff;
+
float:left;
-
background-color:#1E6887;
+
width:317px;
 +
text-align:center;
}
}
-
#header img.icon{
+
.menu_nav {
-
position:absolute;
+
margin:0;
-
left:60px;
+
padding:0;
-
top:190px;
+
height:81px;
-
width:174px;
+
-
height:80px;
+
}
}
-
#header p.topText{
+
.menu_nav ul {
-
font:normal 18px/23px Arial, Helvetica, sans-serif;
+
list-style:none;
-
color:#E8E8E8;
+
margin:0;
-
background-color:inherit;
+
padding:0;
-
position:absolute;
+
float:right;
-
left:285px;
+
-
top:203px;
+
-
width:588px;
+
}
}
-
#header p.topText span.smallTxt{
+
.menu_nav ul li {
-
font:normal 12px/18px Arial, Helvetica, sans-serif;
+
margin:0;
-
color:#FF9C3A;
+
padding:25px 5px 0 0;
-
background-color:inherit;
+
float:left;
-
padding:0 0 0 8px;
+
}
}
-
#header a.readMore{
+
.menu_nav ul li a {
display:block;
display:block;
-
background:url(images/read_more.gif) 0 0 no-repeat;
+
margin:0 5px 0 0;
-
width:50px;
+
padding:10px 15px;
-
height:38px;
+
color:#fff;
-
position:absolute;
+
text-decoration:none;
-
left:895px;
+
font-size:13px;
-
top:203px;
+
line-height:16px;
 +
background:#cccccc;
}
}
-
#header a.readMore:hover{
+
.menu_nav ul li.active a, .menu_nav ul li a:hover {
-
background:url(images/read_more_hover.gif) 0 0 no-repeat;
+
text-decoration:none;
 +
background:#78bbe6;
}
}
-
/*------------------------------------------------header--------------------*/
+
.content {
-
 
+
padding:13px;
-
/*------------------------------------------------body--------------------*/
+
margin:0;
-
#body{
+
-
width:978px;
+
-
padding:13px 1px 13px 2px;
+
-
margin:0 auto;
+
}
}
-
/*------------------------------------------------left--------------------*/
+
.mainbar {
-
#left{
+
margin:0;
-
width:357px;
+
padding:0;
-
float:left;
+
float:right;
 +
width:643px;
}
}
-
#left1{
+
.mainbar img {
-
width:324px;
+
padding:4px;
-
background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
+
border:1px solid #f2f2f1;
-
border:#DDDDCA solid 7px;
+
background:#FFF;
-
margin:0 0 4px 0;
+
-
padding:5px 10px 6px 9px;
+
-
color:#878767;
+
}
}
-
#left1 p.pic1{
+
.mainbar img.fl {
-
display:block;
+
margin:4px 16px 4px 0;
-
background:url(images/lft_pic1.gif) 0 0 no-repeat;
+
-
width:88px;
+
-
height:78px;
+
-
margin:5px 0 0 0;
+
float:left;
float:left;
}
}
-
#left1 p.boxTxt1{
+
.mainbar .article {
-
float:right;
+
margin:0;
-
padding:0 0 0 15px;
+
padding:10px 0 5px 20px;
-
border-left:#F9F9F1 solid 2px;
+
-
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
+
-
width:199px;
+
}
}
-
#left1 p.boxTxt1 span{
+
.mainbar .article a {
-
font:normal 19px/17px Arial, Helvetica, sans-serif;
+
color:#78bbe6;
-
color:#D76E08;
+
-
background-color:inherit;
+
-
padding:0 0 0 25px;
+
-
margin:0 0 10px 0;
+
-
background:url(images/one.gif) 0 0 no-repeat;
+
-
height:17px;
+
-
display:block;
+
}
}
-
#left2{
+
.mainbar .post-data a {
-
width:316px;
+
color:#595959;
-
background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
+
-
border:#DDDDCA solid 7px;
+
-
margin:0 0 4px 0;
+
-
padding:5px 10px 6px 17px;
+
-
color:#878767;
+
}
}
-
#left2 p.pic2{
+
.mainbar .spec a.rm, .mainbar a.com {
-
display:block;
+
color:#FFF;
-
background:url(images/lft_pic2.gif) 0 0 no-repeat;
+
}
-
width:74px;
+
.sidebar {
-
height:74px;
+
padding:0;
-
margin:8px 0 0 0;
+
float:left;
float:left;
 +
width:301px;
}
}
-
#left2 p.boxTxt2{
+
.sidebar .gadget {
-
float:right;
+
margin:0;
-
padding:0 0 0 15px;
+
padding:10px 20px 5px 0;
-
border-left:#F9F9F1 solid 2px;
+
-
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
+
-
width:199px;
+
}
}
-
#left2 p.boxTxt2 span{
+
.sidebar .gadget .title {
-
font:normal 19px/17px Arial, Helvetica, sans-serif;
+
text-align:right;
-
color:#D76E08;
+
}
-
background-color:inherit;
+
.sidebar .gadget span.q {
-
padding:0 0 0 25px;
+
text-align:right;
-
margin:0 0 10px 0;
+
font:normal 60px/12px Arial, Helvetica, sans-serif;
-
background:url(images/two.gif) 0 0 no-repeat;
+
color:#d9d9d9;
-
height:17px;
+
-
display:block;
+
}
}
-
#left3{
+
ul.sb_menu, ul.ex_menu, .testi {
-
width:324px;
+
-
background:url(images/lft_box_bg.gif) 0 0 no-repeat #EAEADA;
+
-
border:#DDDDCA solid 7px;
+
margin:0;
margin:0;
-
padding:5px 10px 6px 9px;
+
padding:0;
-
color:#878767;
+
color:#939393;
 +
list-style:none;
}
}
-
#left3 p.pic3{
+
ul.sb_menu li, ul.ex_menu li {
-
display:block;
+
margin:0;
-
background:url(images/lft_pic3.gif) 0 0 no-repeat;
+
-
width:94px;
+
-
height:71px;
+
-
margin:5px 0 0 0;
+
-
float:left;
+
}
}
-
#left3 p.boxTxt3{
+
ul.sb_menu li {
-
float:right;
+
padding:2px 0;
-
padding:0 0 0 15px;
+
-
border-left:#F9F9F1 solid 2px;
+
-
font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
+
-
width:199px;
+
}
}
-
#left3 p.boxTxt3 span{
+
ul.ex_menu li {
-
font:normal 19px/17px Arial, Helvetica, sans-serif;
+
padding:2px 0;
-
color:#D76E08;
+
}
-
background-color:inherit;
+
ul.sb_menu li a, ul.ex_menu li a {
-
padding:0 0 0 25px;
+
-
margin:0 0 10px 0;
+
-
background:url(images/three.gif) 0 0 no-repeat;
+
-
height:17px;
+
display:block;
display:block;
 +
color:#959595;
 +
text-decoration:none;
 +
padding:5px 5px 5px 15px;
 +
background:url(images/menu_link.gif) no-repeat left center;
}
}
-
/*------------------------------------------------left--------------------*/
+
ul.ex_menu li span {
-
 
+
padding:0 0 0 15px;
-
/*------------------------------------------------right--------------------*/
+
-
#right{
+
-
width:608px;
+
-
float:right;
+
-
background:url(images/right_panel_bg.gif) 0 0 repeat-y;
+
}
}
-
#right p.rightTop{
+
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
-
display:block;
+
background:url(images/menu_hover.gif) no-repeat left center;
-
background:url(images/right_top.gif) 0 0 no-repeat;
+
-
width:608px;
+
-
height:26px;
+
}
}
-
#right h2{
+
ul.sb_menu li a:hover {
-
font:bold 30px/22px Arial, Helvetica, sans-serif;
+
text-decoration:underline;
-
color:#222222;
+
-
background-color:inherit;
+
-
margin:0 0 16px 0;
+
-
padding:0 0 0 38px;
+
-
display:block;
+
}
}
-
#right p.rightTxt1{
+
ul.ex_menu li a:hover {
-
font:normal 13px/18px Arial, Helvetica, sans-serif;
+
text-decoration:underline;
-
color:#62625C;
+
-
background-color:inherit;
+
-
padding:0 38px 10px 38px;
+
}
}
-
#right p.rightTxt1 span{
+
.content .mainbar .comment {
-
font:bold 13px/18px Arial, Helvetica, sans-serif;
+
margin:0;
-
color:#5F860B;
+
padding:16px 0 0 0;
-
background-color:inherit;
+
}
}
-
#right p.rightTxt2{
+
.content .mainbar .comment img.userpic {
-
font:normal 13px/18px Arial, Helvetica, sans-serif;
+
border:1px solid #dedede;
-
color:#62625C;
+
margin:10px 16px 0 0;
-
background-color:inherit;
+
padding:0;
-
padding:0 0 20px 38px;
+
float:left;
float:left;
-
width:349px;
 
-
margin:0 27px 0 0;
 
}
}
-
#right p.rightTxt2 span{
+
.fbg {
-
font:bold 17px/18px Arial, Helvetica, sans-serif;
+
margin:0;
-
color:#D76E08;
+
padding:20px;
-
background-color:inherit;
+
background:#78bbe6;
-
border-bottom:#BCBCB5 dashed 1px;
+
-
width:340px;
+
-
display:block;
+
-
margin:0 0 15px 0;
+
}
}
-
#right p.rightPic{
+
.fbg img {
-
display:block;
+
padding:4px;
-
background:url(images/right_panel_pic.gif) 0 0 no-repeat;
+
border:1px solid #cfd2d4;
-
width:166px;
+
background-color:#fff;
-
height:155px;
+
-
float:left;
+
-
margin:0 0 22px 0;
+
}
}
-
#right p.rightBottom{
+
.fbg p, .fbg h2 {
-
display:block;
+
color:#fbfbfb;
-
background:url(images/right_bottom.gif) 0 0 no-repeat;
+
-
width:608px;
+
-
height:20px;
+
-
float:left;
+
}
}
-
/*------------------------------------------------right--------------------*/
+
.fbg a {
-
 
+
color:#fbfbfb;
-
/*------------------------------------------------body--------------------*/
+
-
 
+
-
/*------------------------------------------------bodyBottom--------------------*/
+
-
#bodyBottom{
+
-
width:946px;
+
-
background:url(images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
+
-
color:#fff;
+
-
padding:22px 13px 19px 18px;
+
-
margin:0 auto;
+
}
}
-
#news{
+
.fbg .col {
-
width:341px;
+
margin:0;
float:left;
float:left;
-
margin:0 28px 0 0;
+
background:url(images/fbg_line.gif) repeat-y right;
}
}
-
#news h2{
+
.fbg .c1 {
-
display:block;
+
padding:0 20px 0 0;
-
background:url(images/arrow_red.gif) 0 0 no-repeat;
+
width:260px;
-
padding:0 0 0 25px;
+
-
font:bold 22px/16px Arial, Helvetica, sans-serif;
+
-
color:#fff;
+
-
background-color:inherit;
+
-
margin:0 0 17px 0;
+
}
}
-
#news h3{
+
.fbg .c2 {
-
display:block;
+
padding:0 20px;
-
background:url(images/date_bg.gif) 0 0 no-repeat;
+
width:320px;
-
width:331px;
+
-
height:17px;
+
-
padding:0 0 0 7px;
+
-
margin:0 0 10px 0;
+
-
font:bold 11px/17px Arial, Helvetica, sans-serif;
+
-
color:#974D04;
+
-
background-color:inherit;
+
-
text-transform:uppercase;
+
}
}
-
#news p{
+
.fbg .c3 {
-
font:normal 12px/20px Arial, Helvetica, sans-serif;
+
padding:0 0 0 20px;
-
color:#F7F7EA;
+
width:270px;
-
background-color:inherit;
+
background:none;
-
padding:0 0 13px 0;
+
}
}
-
#news p span{
+
.fbg .c1 img {
-
font:bold 12px/20px Arial, Helvetica, sans-serif;
+
margin:8px 16px 8px 0;
-
color:#2C2C1B;
+
-
background-color:inherit;
+
-
text-decoration:underline;
+
-
display:block;
+
}
}
-
#service{
+
.fbg .c3 img {
-
width:338px;
+
margin:8px 16px 4px 0;
float:left;
float:left;
}
}
-
#service h2{
+
.footer {
-
display:block;
+
-
background:url(images/arrow_red.gif) 0 0 no-repeat;
+
-
padding:0 0 0 24px;
+
-
font:bold 22px/16px Arial, Helvetica, sans-serif;
+
-
color:#fff;
+
-
background-color:inherit;
+
-
margin:0 0 17px 0;
+
}
}
-
#service h3{
+
.footer_resize {
-
display:block;
+
margin:0 auto;
-
background:url(images/date_bg.gif) 0 0 no-repeat;
+
padding:20px;
-
width:327px;
+
width:930px;
-
height:17px;
+
-
padding:0 0 0 11px;
+
-
margin:0 0 14px 0;
+
-
font:bold 11px/17px Arial, Helvetica, sans-serif;
+
-
color:#974D04;
+
-
background-color:inherit;
+
-
text-transform:uppercase;
+
}
}
-
#service ul{
+
.footer p {
-
padding:0;
+
margin:0;
margin:0;
-
display:block;
+
padding:4px 0;
}
}
-
#service ul li{
+
.footer a {
-
display:block;
+
color:#9a9a9a;
-
height:20px;
+
padding:inherit;
-
line-height:0;
+
-
}
+
-
#service ul li a{
+
-
display:block;
+
-
background:url(images/arrow_white.gif) 0 7px no-repeat;
+
-
padding:0 0 0 10px;
+
-
font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
+
-
color:#47472D;
+
-
background-color:inherit;
+
text-decoration:underline;
text-decoration:underline;
-
height:20px;
 
}
}
-
#service ul li a:hover{
+
.footer a:hover {
-
color:#974D04;
+
-
background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
+
text-decoration:none;
text-decoration:none;
}
}
-
#member{
+
.footer .lf {
-
width:225px;
+
float:left;
 +
}
 +
.footer .rf {
float:right;
float:right;
}
}
-
#member h2{
+
ol {
 +
list-style:none;
 +
}
 +
ol li {
display:block;
display:block;
-
background:url(images/member_login_bg.gif) 0 0 no-repeat;
+
clear:both;
-
width:205px;
+
-
height:31px;
+
-
padding:0 0 0 20px;
+
-
font:bold 16px/31px Arial, Helvetica, sans-serif;
+
-
color:#fff;
+
-
background-color:inherit;
+
-
}
+
-
#member form{
+
-
width:191px;
+
-
background:url(images/member_form_bg.gif) 0 0 repeat-x #353535;
+
-
padding:9px 17px 24px 17px;
+
-
color:#fff;
+
}
}
-
#member form label{
+
ol li label {
-
font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
+
-
float:left;
+
display:block;
display:block;
-
}
 
-
#member form input.txtBox{
 
-
width:185px;
 
-
height:19px;
 
-
border-left:#808080 solid 1px;
 
-
border-top:#808080 solid 1px;
 
-
border-right:#D4D0C8 solid 1px;
 
-
border-bottom:#D4D0C8 solid 1px;
 
-
color:#000;
 
-
background-color:#fff;
 
margin:0;
margin:0;
-
padding:0;
+
padding:16px 0 0 0;
-
float:left;
+
}
}
-
#member form a{
+
ol li input.text {
-
background:url(images/register_member_icon.gif) 0 0 no-repeat;
+
width:480px;
-
padding:0 0 0 20px;
+
border:1px solid #c0c0c0;
-
font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+
margin:2px 0;
-
color:#9CCC37;
+
padding:5px 2px;
-
background-color:#353535;
+
height:16px;
-
text-decoration:underline;
+
background:#fff;
-
float:left;
+
-
margin:15px 0 0 0;
+
-
width:120px;
+
}
}
-
#member form a:hover{
+
ol li textarea {
-
text-decoration:none;
+
width:480px;
 +
border:1px solid #c0c0c0;
 +
margin:2px 0;
 +
padding:2px;
 +
background:#fff;
}
}
-
#member form input.go{
+
ol li .send {
-
background:url(images/btn_go.gif) 0 0 no-repeat;
+
margin:16px 0 0 0;
-
width:36px;
+
-
height:15px;
+
-
border:none;
+
-
cursor:pointer;
+
-
float:right;
+
-
margin:15px 0 0 0;
+
}
}
-
/*------------------------------------------------bodyBottom--------------------*/
+
.search {
-
 
+
padding:0;
-
/*------------------------------------------------footer--------------------*/
+
margin:0;
-
#footer{
+
-
width:977px;
+
-
height:125px;
+
-
margin:0 auto;
+
-
background:url(images/footer_bg.gif) 0 0 repeat-x #323232;
+
-
color:#fff;
+
-
position:relative;
+
}
}
-
#footer ul{
+
.search span {
-
width:587px;
+
width:280px;
-
position:absolute;
+
display:block;
-
left:11px;
+
background:#FFF;
-
top:27px;
+
height:29px;
 +
margin:0;
 +
padding:0;
 +
border:1px solid #e1dddd;
}
}
-
#footer ul li{
+
.search input#s {
float:left;
float:left;
-
color:#D4D4C6;
+
width:230px;
-
background-color:inherit;
+
padding:7px 0 7px 10px;
-
font:normal 11px/19px Arial, Helvetica, sans-serif;
+
margin:0;
 +
border:0;
 +
background:none;
 +
color:#afaeae;
 +
font:normal 12px/15px Arial, Helvetica, sans-serif;
}
}
-
#footer ul li a{
+
.search .btn {
-
color:#D4D4C6;
+
float:left;
-
background-color:inherit;
+
padding:0;
-
font:normal 11px/19px Arial, Helvetica, sans-serif;
+
margin:0;
-
padding:0 7px;
+
border:0;
-
text-decoration:none;
+
width:auto;
}
}
-
#footer ul li a:hover{
+
.pagenavi {
-
color:#D4D4C6;
+
clear:both;
-
background-color:#D76E08;
+
font:normal 11px Arial, Helvetica, sans-serif;
 +
margin:0 auto;
 +
text-align:right;
 +
padding:20px 0 20px 20px;
}
}
-
#footer p.copyright{
+
.pagenavi a, .pagenavi .current {
-
font:normal 11px/19px Arial, Helvetica, sans-serif;
+
margin-left:3px;
-
color:#D76E08;
+
padding:3px 8px;
-
background-color:inherit;
+
-
position:absolute;
+
-
left:19px;
+
-
top:49px;
+
-
}
+
-
#footer a.subscribe{
+
-
background:url(images/subscribe_icon.gif) 0 2px no-repeat;
+
-
font:normal 11px/12px Arial, Helvetica, sans-serif;
+
-
color:#B9B99D;
+
-
background-color:inherit;
+
-
position:absolute;
+
-
left:19px;
+
-
top:68px;
+
-
text-decoration:underline;
+
-
width:50px;
+
-
padding:0 0 0 18px;
+
-
}
+
-
#footer a.subscribe:hover{
+
-
color:#9CCC37;
+
-
background-color:inherit;
+
text-decoration:none;
text-decoration:none;
 +
color:#939393;
 +
background:#f9fbfc;
 +
border:1px solid #d9e3cb;
}
}
-
#footer a.xht{
+
.pagenavi a:hover, .pagenavi .current {
-
width:98px;
+
background:#78bbe6;
-
height:20px;
+
color:#FFF;
-
background:url(images/xhtml_bg.gif) 0 0 no-repeat;
+
-
position:absolute;
+
-
left:757px;
+
-
top:23px;
+
}
}
-
#footer a.xht:hover{
+
.pagenavi .pages {
-
background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
+
float:left;
}
}
-
#footer a.cs{
+
.fl {
-
width:98px;
+
float:left;
-
height:20px;
+
-
background:url(images/css_bg.gif) 0 0 no-repeat;
+
-
position:absolute;
+
-
left:866px;
+
-
top:23px;
+
}
}
-
#footer a.cs:hover{
+
.fr {
-
background:url(images/css_bg_hover.gif) 0 0 no-repeat;
+
float:right;
}
}
-
#footer img{
+
.clr {
-
position:absolute;
+
clear:both;
-
left:880px;
+
padding:0;
-
top:51px;
+
margin:0;
-
width:84px;
+
width:100%;
-
height:26px;
+
font-size:0;
 +
line-height:0;
}
}
-
#footer p.design{
 
-
font:bold 12px/19px Arial, Helvetica, sans-serif;
 
-
color:#C5BE25;
 
-
background-color:inherit;
 
-
position:absolute;
 
-
left:19px;
 
-
top:85px;
 
-
}
 
-
#footer p.design a{
 
-
color:#FFFFFF; background-color:inherit; text-decoration:none;
 
-
}
 
-
#footer p.design a:hover{
 
-
color:#C5BE25; background-color:inherit;
 
-
}
 
-
/*------------------------------------------------footer--------------------*/
 
-
 
</style>
</style>
-
<!--header start -->
+
<div class="main">
-
<div id="header">
+
  <div class="header">
-
<ul>
+
    <div class="logo">
-
<li><a href="#" class="hover">Home</a></li>
+
      <h1><a href="index.html"><span>biz</span> solution<small>Simple web template</small></a></h1>
-
<li><a href="#">About Us</a></li>
+
    </div>
-
<li><a href="#">Services</a></li>
+
    <div class="menu_nav">
-
<li><a href="#">Support</a></li>
+
      <ul>
-
<li><a href="#">Communication</a></li>
+
        <li class="active"><a href="index.html">Home</a></li>
-
<li><a href="#">Why Choose Us</a></li>
+
        <li><a href="support.html">Support</a></li>
-
<li><a href="#">News</a></li>
+
        <li><a href="about.html">About Us</a></li>
-
<li><a href="#">Testimonials</a></li>
+
        <li><a href="blog.html">Blog</a></li>
-
<li class="last"><a href="#">Contact Us</a></li>
+
        <li><a href="contact.html">Contact Us</a></li>
-
</ul>
+
-
<a href="index.html"><img src="images/logo.gif" alt="jet 30" width="249" height="72" border="0" class="logo" /></a>
+
-
<h1>make a huge difference in 1000 days</h1>
+
-
<p>congue eu, aliquet eu, dignissim ac, arcu. <span class="txt1">Suspendisse</span> posuere eleifend arcu</p>
+
-
<img src="images/top_icon.gif" alt="jet 30 says" width="174" height="80" class="icon" />
+
      </ul>
-
<p class="topText">Nam adipiscing massa quis neque uisque iaculis, sapien in pulvinar variusdiam turpis ultricies magna :<span class="smallTxt">scipit nonummy, vulputate vitae, ultricies diam lectus</span></p>
+
      <div class="clr"></div>
-
<a href="#" class="readMore"></a>
+
    </div>
-
</div>
+
    <div class="clr"></div>
-
<!--header end -->
+
    <div class="hbg"><img src="images/header_images.jpg" width="653" height="271" alt="" />
-
<!--body start -->
+
      <div class="text">
-
<div id="body">
+
        <h3>Creating Futures</h3>
-
<!--left panel start -->
+
      </div>
-
<div id="left">
+
-
<!--left1 start -->
+
-
<div id="left1">
+
-
<p class="pic1"></p>
+
-
<p class="boxTxt1"><span>Pharetra elit arcu</span><b>Nunc magna turpis, molestie sit amet</b>, vehicula non, bibendum sagittis, quam condimentum porta.</p>
+
-
<br class="spacer" />
+
    </div>
-
</div>
+
  </div>
-
<!--left1 end -->
+
  <div class="content">
-
<!--left2 start -->
+
    <div class="content_bg">
-
<div id="left2">
+
      <div class="mainbar">
-
<p class="pic2"></p>
+
        <div class="article">
-
<p class="boxTxt2"><span>TurpisIntegerac</span><b>Duis iaculis lobortis leo</b>,venenatis dignissim. Nam massa lorem, suscipit nonummy,</p>
+
          <h2><span>Template License</span></h2>
-
<br class="spacer" />
+
          <div class="clr"></div>
-
</div>
+
-
<!--left2 end -->
+
-
<!--left3 start -->
+
-
<div id="left3">
+
-
<p class="pic3"></p>
+
-
<p class="boxTxt3"><span>Volutpat ullamco</span><b>Phasellus dapibus odio eu</b>,ipsum ac turpis. Integer ac libero eu orci pharetra eges</p>
+
-
<!--left3 end -->
+
          <p class="post-data"><a href="#" class="com fr">Comments (3)</a> <span class="date">March 16, 2018</span> &nbsp;|&nbsp; Posted by <a href="#">Owner</a> &nbsp;|&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
-
<br class="spacer" />
+
-
</div>
+
-
<!--left2 end -->
+
-
<br class="spacer" />
+
-
</div>
+
-
<!--left panel end -->
+
-
<!--right panel start -->
+
-
<div id="right">
+
-
<p class="rightTop"></p>
+
-
<h2>About Jet 30</h2>
+
-
<p class="rightTxt1">Jet 30 is a <span>free, tableless, W3C-compliant</span> web design layout by Template World. This template has been tested and proven compatible with all major browser environments and operating systems. You are free to modify the design to suit your tastes in any way you like.</p>
+
-
<p class="rightTxt2">We only ask you to not remove "Design by Template World" and the link http://www.templateworld.com from the footer of the template.<br /><br /> <span>These templates are licensed under a Creative Commons Attribution 2.5 License.</span> This means that you are free to modify the design to suit your tastes in any way you like, but you must include the provided link back to Template World.</p>
+
          <img src="images/images_1.jpg" width="613" height="193" alt="" />
-
<p class="rightPic"></p>
+
          <p>This is a free CSS website template by CoolWebTemplates.net. This work is distributed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to CoolWebTemplates.net.</p>
-
<p class="rightBottom"></p>
+
          <p class="spec"> <a href="#" class="rm fl">Read more</a></p>
-
<br class="spacer" />
+
          <div class="clr"></div>
-
</div>
+
        </div>
-
<!--right panel end -->
+
        <div class="article">
-
<br class="spacer" />
+
-
</div>
+
-
<!--body end -->
+
-
<!--bodyBottom start -->
+
-
<div id="bodyBottom">
+
-
<!--news start -->
+
-
<div id="news">
+
          <h2><span>Lorem Ipsum</span> Dolor Sit</h2>
-
<h2>Latest News</h2>
+
          <div class="clr"></div>
-
<h3>On 23rd May 2007</h3>
+
          <p class="post-data"><a href="#" class="com fr">Comments (7)</a> <span class="date">March 15, 2010</span> &nbsp;|&nbsp; Posted by <a href="#">Owner</a> &nbsp;|&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
-
<p><span>euismod justo, eu pharetra elit arcu sit amet</span>quam. um ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam adipiscing</p>
+
-
<p><span>euismod justo, eu pharetra elit arcu sit amet</span>Donec nec urna, praesent risus phasellustincidunt eu volutpat</p>
+
-
<br class="spacer" />
+
-
</div>
+
-
<!--news end -->
+
-
<!--services start -->
+
-
<div id="service">
+
-
<h2>New Services Overview</h2>
+
-
<h3>Finantial Services</h3>
+
          <img src="images/images_2.jpg" width="613" height="193" alt="" />
-
<ul>
+
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
-
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
+
          <p>Aenean commodo elit ac ante dignissim iaculis sit amet non velit. Donec magna sapien, molestie sit amet faucibus sit amet, fringilla in urna. Aliquam erat volutpat. Fusce a dui est. Sed in volutpat elit. Nam odio tortor, pulvinar non scelerisque in, eleifend nec nunc. Sed pretium, massa sed dictum dapibus, nibh purus posuere magna, ac porta felis lectus ut neque. Nullam sagittis ante vitae velit facilisis lacinia. Cras vehicula lacinia ornare. Duis et cursus risus. Curabitur consectetur justo sit amet odio viverra vel iaculis odio gravida. Ut imperdiet metus nec erat.</p>
-
<li><a href="#">Fusce bibendum ultricies lorem.</a></li>
+
          <p class="spec"><a href="#" class="rm fl">Read more</a></p>
-
<li><a href="#">Nulla facilisis odio vitae neque.</a></li>
+
          <div class="clr"></div>
-
<li><a href="#">Etiam sit amet purus a eros viverra adipiscing.</a></li>
+
        </div>
-
<li><a href="#">Nunc dignissim eleifend turpis</a></li>
+
-
</ul>
+
-
<br class="spacer" />
+
-
</div>
+
-
<!--services end -->
+
-
<!--member start -->
+
        <div class="pagenavi"><span class="pages">Page 1 of 2</span><span class="current">1</span><a href="#">2</a><a href="#" >&raquo;</a></div>
-
<!--member end -->
+
      </div>
-
<div id="member">
+
      <div class="sidebar">
-
  <h2>Member Login</h2>
+
        <div class="gadget">
-
  <form action="#" method="post" name="member_log_in" id="member_log_in">
+
          <div class="search">
-
    <label>Name:</label>
+
            <form method="get" id="search" action="#">
-
    <input type="text" name="name" class="txtBox" />
+
              <span>
-
    <label>Password:</label>
+
-
    <input type="password" name="name2" class="txtBox" />
+
-
<a href="#">A registered member?</a>
+
              <input type="text" value="Search..." name="s" id="s" />
-
<input type="submit" name="go" value="" class="go" />
+
              <input name="searchsubmit" type="image" src="images/search.gif" value="Go" id="searchsubmit" class="btn" />
-
    <br class="spacer" />
+
              </span>
-
  </form>
+
            </form>
-
  <br class="spacer" />
+
            <div class="clr"></div>
-
</div>
+
          </div>
-
<br class="spacer" />
+
          <div class="clr"></div>
-
</div>
+
        </div>
-
<!--bodyBottom end -->
+
        <div class="gadget">
-
<!--footer start -->
+
-
<div id="footer">
+
-
<ul>
+
          <h2><span>Sidebar</span> Menu</h2>
-
<li><a href="#">Home</a>|</li>
+
          <div class="clr"></div>
-
<li><a href="#">About Us</a>|</li>
+
          <ul class="sb_menu">
-
<li><a href="#">Services</a>|</li>
+
            <li class="active"><a href="#">Home</a></li>
-
<li><a href="#">Support</a>|</li>
+
            <li><a href="#">TemplateInfo</a></li>
 +
            <li><a href="#">Style Demo</a></li>
-
<li><a href="#">Communication</a>|</li>
+
            <li><a href="#">Blog</a></li>
-
<li><a href="#">Why Choose Us</a>|</li>
+
            <li><a href="#">Archives</a></li>
-
<li><a href="#">News</a>|</li>
+
          </ul>
-
<li><a href="#">Testimonials</a>|</li>
+
        </div>
-
<li><a href="#">Contact Us</a></li>
+
        <div class="gadget">
 +
          <h2><span>Sponsors</span></h2>
 +
          <div class="clr"></div>
-
  </ul>
+
          <ul class="ex_menu">
-
  <p class="copyright">&copy;Jet 30. All rights reserved.</p>
+
            <li class="active"><a href="#">DreamTemplate</a> <span>Over 6,000+ Premium Web Templates</span></li>
-
  <a href="#" class="subscribe">Subscribe</a>
+
            <li><a href="#">TemplateSOLD</a> <span>Premium WordPress &amp; Joomla Themes</span></li>
-
  <a href="http://validator.w3.org/check?uri=referer" target="_blank" class="xht"></a>
+
            <li><a href="#">ImHosted.com</a> <span>Affordable Web Hosting Provider</span></li>
-
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" class="cs"></a>
+
-
<a href="index.html"><img src="images/bottom_logo.gif" alt="Jet 30" title="Jet 30" width="84" height="26" border="0" /></a>
+
-
<p class="design">Designed By : <a href="http://www.templateworld.com">Template World</a></p></div>
+
-
<!--footer end -->
+
            <li><a href="#">DreamStock</a> <span>Unlimited Amazing Stock Photos</span></li>
 +
            <li><a href="#">Evrsoft</a> <span>Website Builder Software &amp; Tools</span></li>
 +
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
 +
              <span>Premium CSS Templates</span></li>
 +
 
 +
          </ul>
 +
        </div>
 +
        <div class="gadget">
 +
          <h2 class="grey"><span>Wise Words</span></h2>
 +
          <div class="clr"></div>
 +
          <div class="testi">
 +
            <p><span class="q"><img src="images/quote_1.gif" width="16" height="14" alt="" /></span> We can let circumstances rule us, or we can take charge and rule our lives from within. <span class="q"><img src="images/quote_2.gif" width="16" height="14" alt="" /></span></p>
 +
 
 +
            <p class="title"><strong>Earl Nightingale</strong></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="clr"></div>
 +
    </div>
 +
  </div>
 +
  <div class="fbg">
 +
 
 +
    <div class="col c1">
 +
      <h2><span>Image Gallery</span></h2>
 +
      <a href="#"><img src="images/pic_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/pic_6.jpg" width="58" height="58" alt="" /></a> </div>
 +
    <div class="col c2">
 +
      <h2><span>Lorem Ipsum</span></h2>
 +
 
 +
      <p>Lorem ipsum dolor<br />
 +
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
 +
    </div>
 +
    <div class="col c3">
 +
      <h2><span>About</span></h2>
 +
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. <a href="#">Learn more...</a></p>
 +
 
 +
    </div>
 +
    <div class="clr"></div>
 +
  </div>
 +
  <div class="footer">
 +
    <div class="footer_resize">
 +
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
 +
      <p class="rf">Layout by Cool <a href="http://www.coolwebtemplates.net/">Website Templates</a></p>
 +
 
 +
      <div class="clr"></div>
 +
    </div>
 +
  </div>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 17:05, 14 July 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> biz solution

Creating Futures

Template License

Comments (3) March 16, 2018  |  Posted by Owner  |  Filed under templates, internet

This is a free CSS website template by CoolWebTemplates.net. This work is distributed under the Creative Commons Attribution 3.0 License, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to CoolWebTemplates.net.

Read more

Lorem Ipsum Dolor Sit

Comments (7) March 15, 2010  |  Posted by Owner  |  Filed under templates, internet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.

Aenean commodo elit ac ante dignissim iaculis sit amet non velit. Donec magna sapien, molestie sit amet faucibus sit amet, fringilla in urna. Aliquam erat volutpat. Fusce a dui est. Sed in volutpat elit. Nam odio tortor, pulvinar non scelerisque in, eleifend nec nunc. Sed pretium, massa sed dictum dapibus, nibh purus posuere magna, ac porta felis lectus ut neque. Nullam sagittis ante vitae velit facilisis lacinia. Cras vehicula lacinia ornare. Duis et cursus risus. Curabitur consectetur justo sit amet odio viverra vel iaculis odio gravida. Ut imperdiet metus nec erat.

Read more

Page 1 of 212»

Sidebar Menu

Sponsors

Wise Words

We can let circumstances rule us, or we can take charge and rule our lives from within.

Earl Nightingale

Image Gallery

Lorem Ipsum

Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

About

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum. Learn more...

© Copyright MyWebSite.

Layout by Cool Website Templates

Retrieved from "http://2011.igem.org/Team:UT_Dallas/NimiTrial6"