Team:SYSU-China/test

From 2011.igem.org

(Difference between revisions)
Line 12: Line 12:
<link href="../style.css" rel="stylesheet" type="text/css" />
<link href="../style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<style type="text/css">
 +
#background_shadow {
 +
width: 1080px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
background-image: url(background_shadow/upper_background_shadow.png);
 +
background-repeat: repeat-y;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
padding-left: 40px;
 +
}
 +
body {
 +
background-color: #f5f5f5;
 +
padding: 0px;
 +
margin: 0%;
 +
margin-left: 0px;
 +
}
 +
div#feature_list {
 +
width: 1000px;
 +
height: 500px;
 +
overflow: hidden;
 +
position: relative;
 +
}
 +
 +
div#feature_list ul {
 +
position: absolute;
 +
top: 0;
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 +
ul#tabs {
 +
left: 0;
 +
z-index: 2;
 +
width: 200px;
 +
background-color: #333333;
 +
height: 100px;
 +
}
 +
 +
ul#tabs li {
 +
font-size: 12px;
 +
font-family: Arial;
 +
background-color: #33333;
 +
}
 +
 +
ul#tabs li img {
 +
border: none;
 +
float: left;
 +
background-color: #33333;
 +
}
 +
 +
ul#tabs li a {
 +
color: #222;
 +
text-decoration: none;
 +
display: block;
 +
height: 100px;
 +
outline: none;
 +
background-color: #33333;
 +
}
 +
 +
ul#tabs li a:hover {
 +
text-decoration: underline;
 +
background-color: #33333;
 +
}
 +
 +
ul#tabs li a.current {
 +
color: #FFF;
 +
width: 250px;
 +
background-color: #33333;
 +
background-image: url(feature-tab-current.png);
 +
}
 +
 +
ul#tabs li a.current:hover {
 +
text-decoration: none;
 +
cursor: default;
 +
background-color: #33333;
 +
}
 +
 +
ul#output {
 +
width: 800px;
 +
height: 500px;
 +
position: relative;
 +
left: -50px;
 +
}
 +
 +
ul#output li {
 +
position: relative;
 +
width: 800px;
 +
height: 500px;
 +
left: 250px;
 +
top: 0px;
 +
}
 +
 +
ul#output li a {
 +
position: absolute;
 +
bottom: 10px;
 +
right: 10px;
 +
padding: 8px 12px;
 +
text-decoration: none;
 +
font-size: 11px;
 +
color: #FFF;
 +
background: #000;
 +
-moz-border-radius: 5px;
 +
}
 +
 +
ul#output li a:hover {
 +
background: #D33431;
 +
}
 +
 +
 +
#logo_bar {
 +
position:relative;
 +
width:93px;
 +
height:125px;
 +
z-index:5;
 +
left: 20px;
 +
top: -75px;
 +
background-image: url(main_pages/logo_green.png);
 +
}
 +
 +
.contact_bottombar {
 +
margin: 0px;
 +
width: 1000px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 20px;
 +
font-size: 12px;
 +
line-height: 5px;
 +
}
 +
.title_container {
 +
width: 960px;
 +
margin-right: 20px;
 +
margin-left: 20px;
 +
}
 +
 +
.mainpage_project_WholeContainer {
 +
background-color: #5a7b22;
 +
background-image: url(main_pages/BG_pics/project.png);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
.mainpage_human_practice_WholeContainer {
 +
background-color: #cda901;
 +
background-image: url(main_pages/BG_pics/human_practice.png);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
.mainpage_aboutus_WholeContainer {
 +
background-color: #000;
 +
background-image: url(main_pages/BG_pics/aboutus.png);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
 +
#main_page_clearer {
 +
background-color: transparent;
 +
height: 535px;
 +
width: 1000px;
 +
clear: both;
 +
}
 +
 +
.main_page_clearer_light {
 +
background-color: transparent;
 +
height: 20px;
 +
width: 100%;
 +
clear: both;
 +
}
 +
#main_page_content_WholeBox {
 +
width: 1000px;
 +
padding-top: 0px;
 +
padding-right: 20px;
 +
padding-bottom: 0px;
 +
padding-left: 20px;
 +
background-color: transparent;
 +
height: auto;
 +
}
 +
.main_page_content_box {
 +
background-color: transparent;
 +
float: left;
 +
width: 306px;
 +
margin-top: 20px;
 +
margin-right: 20px;
 +
margin-bottom: 0px;
 +
margin-left: 0px;
 +
height: auto;
 +
}
 +
.main_page_content_box_r0 {
 +
background-color: transparent;
 +
float: left;
 +
width: 306px;
 +
margin-top: 20px;
 +
margin-right: 0px;
 +
margin-bottom: 20px;
 +
margin-left: 0px;
 +
 +
}
 +
.main_page_introduction_bar {
 +
padding: 0px;
 +
float: left;
 +
height: 34px;
 +
width: 227px;
 +
margin-top: 0px;
 +
margin-right: 4px;
 +
margin-bottom: 0px;
 +
margin-left: 0px;
 +
}
 +
.main_page_introduction_bar p {
 +
font-size: 18px;
 +
color: #000;
 +
font-family: Arial, Helvetica, sans-serif;
 +
text-align: center;
 +
vertical-align: middle;
 +
}
 +
.main_page_content_more_bar a{
 +
float: right;
 +
height: 34px;
 +
width: 75px;
 +
background-image: url(main_pages/BG_pics/more.png);
 +
clear: right;
 +
}
 +
.main_page_content_more_bar a:hover {
 +
background-image: url(main_pages/BG_pics/more_light.png);
 +
float: right;
 +
height: 34px;
 +
width: 75px;
 +
clear: right;
 +
}
 +
.main_page_content_picbox {
 +
height: 136px;
 +
width: 100%;
 +
float: left;
 +
}
 +
.main_page_content_textbox {
 +
background-color: #d9d9d9;
 +
width: 100%;
 +
float: left;
 +
overflow: hidden;
 +
}
 +
.main_page_content_Whole_intro_bar {
 +
clear: right;
 +
float: left;
 +
width: 100%;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 5px;
 +
margin-left: 0px;
 +
}
 +
 +
.main_page_content_textbox p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
padding-right: 12px;
 +
padding-left: 12px;
 +
}
 +
.main_page_content_box_r0 .main_page_content_textbox p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
}
 +
</style>
</style>
</head>
</head>

Revision as of 18:52, 1 October 2011

Human Practice Main Page-Sun Yat-sen Univ.

asdfdfdsa

asdfdfdsa

asdfdfdsa

From the 2011 iGEM team SYSU-China (2011)

Sun Yat-Sen University, Guangzhou, China

Address: 135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China

visit the Sun Yat-sen university website

Thanks Apycom jQuery Menus and visit their website

Retrieved from "http://2011.igem.org/Team:SYSU-China/test"