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
![](BG_pics/project/project_intro_pics/m_c_sh.jpg)
asdfdfdsa
![](BG_pics/about_us/st_sh.jpg)
asdfdfdsa
![](BG_pics/about_us/lac_sh.jpg)
asdfdfdsa