Team:SYSU-China/Attributions

From 2011.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:SYSU-China/header/temp}}
 +
 
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
 +
<head>
<style type="text/css">
<style type="text/css">
-
meta{base target=_blank }
+
/* http://meyerweb.com/eric/tools/css/reset/
-
/*expurgate top&bottom sections*/
+
  v2.0 | 20110126
-
html, body { margin: 0;
+
  License: none (public domain)
-
              padding: 0;
+
*/
 +
 
 +
html, body, div, span, applet, object, iframe,
 +
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
a, abbr, acronym, address, big, cite, code,
 +
del, dfn, em, img, ins, kbd, q, s, samp,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, embed,
 +
figure, figcaption, footer, header, hgroup,
 +
menu, nav, output, ruby, section, summary,
 +
time, mark, audio, video {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
font-size: 100%;
 +
font: inherit;
 +
vertical-align: baseline;
}
}
-
#top-section {height: 20px;
+
/* HTML5 display-role reset for older browsers */
-
              margin-top: -5px;
+
article, aside, details, figcaption, figure,
-
              margin-left: auto;
+
footer, header, hgroup, menu, nav, section {
-
              margin-right: auto;
+
display: block;
-
              margin-bottom: 0
+
-
            !important;
+
-
              margin-bottom: 10px;
+
-
              padding:0;
+
-
              border:none;
+
}
}
-
#p-logo {    height:100px;
+
body {
-
              overflow:hidden;
+
line-height: 1;
-
              display: none;
+
}
}
-
#search-controls{display: none;
+
ol, ul {
 +
list-style: none;
}
}
-
.firstHeading{display: none;
+
blockquote, q {
 +
quotes: none;
}
}
-
#catlinks{  
+
blockquote:before, blockquote:after,
-
              display: none;
+
q:before, q:after {
 +
content: '';
 +
content: none;
}
}
-
#footer-box{
+
table {
-
              background:transparent url("https://static.igem.org/mediawiki/2011/9/94/Background11.png") center top fixed repeat-y;
+
border-collapse: collapse;
-
              text-transform: ;
+
border-spacing: 0;
-
              text-decoration: ;
+
-
              text-color:#00ff00;
+
-
              border:none;
+
-
              margin-top:-10px;
+
}
}
-
</html>
 
-
 
+
    </style>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
 
+
-
<head>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<title></title>
-
<link rel="stylesheet" href="style.css" />
+
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 129: Line 143:
padding-left: 40px;
padding-left: 40px;
}
}
-
body {
+
 
/*expurgate top&bottom sections*/
/*expurgate top&bottom sections*/
-
html, body {  margin: 0;
+
 
-
              padding: 0;
+
}
}
#top-section {height: 20px;  
#top-section {height: 20px;  
Line 141: Line 154:
               margin-right: auto;  
               margin-right: auto;  
               margin-bottom: 0
               margin-bottom: 0
-
            !important;
+
         
               margin-bottom: 10px;  
               margin-bottom: 10px;  
               padding:0;  
               padding:0;  
               border:none;
               border:none;
 +
              display:none
}
}
#p-logo {    height:100px;  
#p-logo {    height:100px;  
Line 224: Line 238:
width: 250px;
width: 250px;
background-color: #33333;
background-color: #33333;
-
background-image: url(https://static.igem.org/mediawiki/igem.org/5/5f/SYSU_Feature-tab-current.png
+
background-image: url(https://static.igem.org/mediawiki/igem.org/5/5f/SYSU_Feature-tab-current.png);
-
);
+
}
}
Line 276: Line 289:
padding: 20px;
padding: 20px;
font-size: 12px;
font-size: 12px;
-
line-height: 5px;
+
 
 +
}
 +
#menu {
 +
position:relative;
 +
height:75px;
 +
background:url(images/menu.png) repeat-x 0 center;
 +
}
 +
#menu .menu {
 +
left:50px;
 +
position:absolute;
 +
}
 +
#menu * {
 +
    list-style:none;
 +
    border:0;
 +
    padding:0;
 +
    margin:0;
 +
}
 +
#menu a {
 +
    display:block;
 +
    padding-left:33px;
 +
}
 +
#menu a span {
 +
    display:block;
 +
    padding:30px 33px 37px 2px;
 +
    white-space:nowrap;
 +
}
 +
#menu li {
 +
    float:left;
 +
    background:url(images/pix.gif);
 +
}
 +
#menu li li { float:none; }
 +
#menu div {
 +
display:none;
 +
position:absolute;
 +
background:url(images/pix.gif);
 +
margin-top:-35px;
 +
width:200px;
 +
}
 +
#menu div ul { position:relative; }
 +
#menu div div {
 +
    margin:-50px 0 0 -9px;
 +
    left:100%;
 +
}
 +
#menu li:hover>div { display:block; }
 +
 
 +
/** ie7 */
 +
*:first-child+html #menu div div { display:block; top:-9999px; }
 +
*:first-child+html #menu li:hover>div { top:auto; }
 +
 
 +
#menu div.columns { width:200px; }
 +
#menu div.columns ul {
 +
    float:left;
 +
    width:200px;
 +
    position:static;
 +
}
 +
#menu div.columns a { white-space:normal; }
 +
#menu div.two { width:400px; }
 +
#menu div.two ul.one div { margin-left:-209px; }
 +
#menu div.two ul.one div div,
 +
#menu div.two ul.two div { margin-left:-9px; }
 +
#menu div.three { width:600px; }
 +
#menu div.three ul.one div { margin-left:-409px; }
 +
#menu div.three ul.two div { margin-left:-209px; }
 +
#menu div.three ul.one div div,
 +
#menu div.three ul.two div div,
 +
#menu div.three ul.three div { margin-left:-9px; }
 +
#menu div.four { width:800px; }
 +
#menu div.four ul.one div { margin-left:-609px; }
 +
#menu div.four ul.two div { margin-left:-409px; }
 +
#menu div.four ul.three div { margin-left:-209px; }
 +
#menu div.four ul.one div div,
 +
#menu div.four ul.two div div,
 +
#menu div.four ul.three div div,
 +
#menu div.four ul.four div { margin-left:-9px; }
 +
#menu div.five { width:1000px; }
 +
#menu div.five ul.one div { margin-left:-809px; }
 +
#menu div.five ul.two div { margin-left:-609px; }
 +
#menu div.five ul.three div { margin-left:-409px; }
 +
#menu div.five ul.four div { margin-left:-209px; }
 +
#menu div.five ul.one div div,
 +
#menu div.five ul.two div div,
 +
#menu div.five ul.three div div,
 +
#menu div.five ul.four div div,
 +
#menu div.five ul.five div { margin-left:-9px; }
 +
 
 +
#menu a, #menu a span {
 +
    font-family:'Trebuchet MS', Tahoma, Arial;
 +
    font-size:16px;
 +
    line-height:24px;
 +
    color:#fff;
 +
    text-decoration:none;
 +
    font-weight:normal;
 +
}
 +
#menu a {
 +
    text-shadow:rgb(64,49,25) -1px -1px 0;
 +
    background:url(images/item.png) no-repeat left -546px;
 +
}
 +
#menu a span {
 +
background:url(images/item.png) no-repeat right 0;
 +
color: #CCC;
 +
font-weight: bold;
 +
}
 +
#menu li.current>a { background-position:left -637px; }
 +
#menu li.current>a span { background-position:right -182px; }
 +
#menu a.parent span {
 +
    background-position:right -91px;
 +
    padding-right:60px;
 +
}
 +
#menu li.current>a.parent span { background-position:right -273px; }
 +
#menu>ul>li:hover>a, #menu a:hover { background-position:left -637px; }
 +
#menu>ul>li:hover>a span, #menu a:hover span {
 +
background-position:right -182px;
 +
color: #FFF;
 +
font-weight: bold;
 +
}
 +
#menu>ul>li:hover>a.parent span, #menu a.parent:hover span {
 +
    background-position:right -455px;
 +
}
 +
 
 +
#menu div a {
 +
    margin-left:4px;
 +
    padding:4px 0 0 0;
 +
    width:190px;
 +
    background:url(images/subitem.png) no-repeat 0 top;
 +
    text-shadow:#111 -1px -1px 0;
 +
}
 +
#menu div a span {
 +
    font-size:14px;
 +
    background:url(images/subitem.png) no-repeat -384px bottom;
 +
    padding:3px 14px 10px 11px;
 +
    white-space:normal;
 +
    color:rgb(195,191,183);
 +
}
 +
#menu div a:hover,
 +
#menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover {
 +
    background-position:-192px top;
 +
}
 +
#menu div a:hover span {
 +
    color:#fff;
 +
    background-position:-768px bottom;
 +
}
 +
#menu div a.parent span { background-position:-576px bottom; }
 +
#menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span {
 +
    color:#fff;
 +
    background-position:-960px bottom;
 +
}
 +
 
 +
#menu div {
 +
background:url(images/columns.png) no-repeat -200px -14px;
 +
padding-top:14px;
 +
}
 +
#menu div ul {
 +
    width:200px;
 +
    background:url(images/columns.png) no-repeat 0 bottom;
 +
    padding-top:11px;
 +
    padding-bottom:17px;
 +
}
 +
#menu div div { background-position:-200px top; }
 +
#menu div div ul { padding-top:0; }
 +
 
 +
#menu div.columns {
 +
    padding-top:0;
 +
    margin-top:-21px;
 +
}
 +
#menu div div.columns { margin-top:-36px; }
 +
#menu div.columns>ul {
 +
    padding-top:25px;
 +
    margin-top:-14px;
 +
}
 +
#menu div.two { background-position:-1000px bottom; }
 +
#menu div.three { background-position:-1400px bottom; }
 +
#menu div.four { background-position:-2000px bottom; }
 +
#menu div.five { background-position:-2800px bottom; }
 +
#menu div.columns ul.two,
 +
#menu div.columns ul.three,
 +
#menu div.columns ul.four,
 +
#menu div.columns ul.five { background-position:-550px -14px; }
 +
#menu div.columns ul.one { background-position:-400px -14px; }
 +
#menu div.two ul.two,
 +
#menu div.three ul.three,
 +
#menu div.four ul.four,
 +
#menu div.five ul.five { background-position:-800px -14px; }
 +
 
 +
#menu div.columns>ul>li>a {
 +
    margin-left:0;
 +
    width:200px;
 +
}
 +
#menu div.columns>ul.one>li>a {
 +
    margin-left:4px;
 +
    width:194px;
 +
}
 +
#menu div.two>ul.two>li>a,
 +
#menu div.three>ul.three>li>a,
 +
#menu div.four>ul.four>li>a,
 +
#menu div.five>ul.five>li>a {
 +
    width:194px;
 +
}
 +
 
 +
#menu.active a {
 +
    z-index:780;
 +
    position:relative;
 +
}
 +
#menu.active li { z-index:778; }
 +
#menu.active div div { z-index:781; }
 +
#menu.active div a { position:static; }
 +
 
 +
#menu.active li.back {
 +
    background:url(images/item.png) no-repeat left -637px;
 +
    height:91px;
 +
    position:absolute;
 +
    padding:0;
 +
    margin:0;
 +
}
 +
#menu.active li.back .left {
 +
    display:block;
 +
    padding:0;
 +
    width:auto;
 +
    background:url(images/item.png) no-repeat right -182px;
 +
    height:91px;
 +
    margin:0 5px 0 28px;
 +
    position:relative;
 +
    left:5px;
 +
   
 +
}
 +
#menu.active li.current-back, #menu.active li.current-parent-back { background-position:left -637px; }
 +
#menu.active li.current-back .left { background-position:right -182px; }
 +
#menu.active li.current-parent-back .left { background-position:right -182px; }
 +
 
 +
#menu.active .spanbox {
 +
    position:absolute;
 +
    display:none;
 +
    background:url(images/pix.gif);
 +
    margin-top:-21px;
 +
    width:200px;
 +
}
 +
#menu.active div {
 +
    margin-top:-14px;
 +
    display:block;
 +
    position:relative;
 +
}
 +
#menu.active div .spanbox {
 +
    margin:0 0 0 -6px;
 +
    left:100%;
 +
}
 +
#menu.active .spanbox .spanbox { margin-top:-50px; }
 +
#menu.active .spanbox .spanbox div { margin:0; }
 +
 
 +
/** ie7 */
 +
*:first-child+html #menu.active div div { top:auto; }
 +
*:first-child+html .menu-images-preloading { visibility:hidden; }
 +
 
 +
#menu.active div.two ul.one .spanbox { margin-left:-206px; }
 +
#menu.active div.two ul.one .spanbox .spanbox,
 +
#menu.active div.two ul.two .spanbox { margin-left:-6px; }
 +
#menu.active div.three ul.one .spanbox { margin-left:-406px; }
 +
#menu.active div.three ul.two .spanbox { margin-left:-206px; }
 +
#menu.active div.three ul.one .spanbox .spanbox,
 +
#menu.active div.three ul.two .spanbox .spanbox,
 +
#menu.active div.three ul.three .spanbox { margin-left:-6px; }
 +
#menu.active div.four ul.one .spanbox { margin-left:-606px; }
 +
#menu.active div.four ul.two .spanbox { margin-left:-406px; }
 +
#menu.active div.four ul.three .spanbox { margin-left:-206px; }
 +
#menu.active div.four ul.one .spanbox .spanbox,
 +
#menu.active div.four ul.two .spanbox .spanbox,
 +
#menu.active div.four ul.three .spanbox .spanbox,
 +
#menu.active div.four ul.four .spanbox { margin-left:-6px; }
 +
#menu.active div.five ul.one .spanbox { margin-left:-806px; }
 +
#menu.active div.five ul.two .spanbox { margin-left:-606px; }
 +
#menu.active div.five ul.three .spanbox { margin-left:-406px; }
 +
#menu.active div.five ul.four .spanbox { margin-left:-206px; }
 +
#menu.active div.five ul.one .spanbox .spanbox,
 +
#menu.active div.five ul.two .spanbox .spanbox,
 +
#menu.active div.five ul.three .spanbox .spanbox,
 +
#menu.active div.five ul.four .spanbox .spanbox,
 +
#menu.active div.five ul.five .spanbox { margin-left:-6px; }
 +
#menu.active div.columns ul .spanbox div { margin-left:0; }
 +
#menu.active div.two,
 +
#menu.active div.three,
 +
#menu.active div.four,
 +
#menu.active div.five { padding-bottom:14px; }
 +
 
 +
.menu-images-preloading,
 +
.menu-images-preloading div {
 +
    top:0;
 +
    left:0;
 +
    width:4px;
 +
    height:2px;
 +
    opacity:0.1;
 +
    overflow:hidden;
 +
    position:absolute;
 +
}
 +
.menu-images-preloading { width:2px; }
 +
.menu-images-preloading .columns-png { background:url(images/columns.png) no-repeat; }
 +
.menu-images-preloading .subitem-png { background:url(images/subitem.png) no-repeat; }
 +
 
 +
 
 +
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(https://static.igem.org/mediawiki/igem.org/5/5f/SYSU_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;
 +
 
 +
}
 +
.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>
Line 306: Line 863:
</head>
</head>
<body>
<body>
 +
<div id="background_shadow">
<div id="background_shadow">
   <div id="loge_bar"><img src="https://static.igem.org/mediawiki/igem.org/2/20/SYSU_Logo_bar.png" width="1000" height="138" /></div>
   <div id="loge_bar"><img src="https://static.igem.org/mediawiki/igem.org/2/20/SYSU_Logo_bar.png" width="1000" height="138" /></div>
      
      
-
   <div id="content">
+
  
<div id="feature_list">
<div id="feature_list">
<ul id="tabs">
<ul id="tabs">
Line 366: Line 924:
     </ul>
     </ul>
-
  </div>
+
</div>
</div>
      
      
Line 376: Line 934:
     </div>
     </div>
</div>
</div>
 +
</body>
</body>
</html>
</html>

Latest revision as of 17:38, 2 October 2011

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

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