Team:SYSU-China

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:SYSU-China/header/jscssforhomepage}}
+
/* http://meyerweb.com/eric/tools/css/reset/
-
{{:Team:SYSU-China/header/wikireset}}
+
  v2.0 | 20110126
 +
  License: none (public domain)
 +
*/
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
html, body, div, span, applet, object, iframe,
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-
<head>
+
a, abbr, acronym, address, big, cite, code,
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
del, dfn, em, img, ins, kbd, q, s, samp,
-
<title>Home Page-Sun Yat-sen Univ.</title>
+
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;
 +
}
 +
/* HTML5 display-role reset for older browsers */
 +
article, aside, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section {
 +
display: block;
 +
}
 +
body {
 +
line-height: 1;
 +
 +
}
 +
ol, ul {
 +
list-style: none;
 +
}
 +
blockquote, q {
 +
quotes: none;
 +
}
 +
blockquote:before, blockquote:after,
 +
q:before, q:after {
 +
content: '';
 +
content: none;
 +
}
 +
table {
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}
 +
/* http://meyerweb.com/eric/tools/css/reset/
 +
  v2.0 | 20110126
 +
  License: none (public domain)
 +
*/
-
<script src="http://biogeek.kilu.de/galleria.dots.js"></script>
+
#background_shadow {
-
<style>
+
width: 1080px;
-
#galleria{
+
margin-right: auto;
-
width:1000px;
+
margin-left: auto;
-
height:602px;
+
background-image: url(https://static.igem.org/mediawiki/igem.org/a/a6/SYSU_Upper_background_shadow.png
-
margin:0px;
+
);
-
background:#fff;
+
background-repeat: repeat-y;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
padding-left: 40px;
 +
}
 +
body {
 +
background-color: #f5f5f5;
 +
padding: 0px;
 +
margin: 0%;
 +
margin-left: 0px;
 +
zoom: 80%
 +
}
 +
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;
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:absolute;
 +
width:93px;
 +
height:125px;
 +
z-index:6;
 +
left: 0px;
top: 0px;
top: 0px;
-
            }
 
-
.main_page_content_textbox p{
 
-
font-size:12px
 
}
}
-
#background_shadow .mainpage_homepage_WholeContainer #main_page_content_WholeBox .main_page_content_box_r0 .main_page_content_textbox p {
+
.contact_bottombar {
 +
margin: 0px;
 +
width: 1000px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 20px;
font-size: 12px;
font-size: 12px;
}
}
-
</style>
+
.title_container {
 +
width: 960px;
 +
margin-right: 20px;
 +
margin-left: 20px;
 +
z-index: 5;
 +
position: relative;
 +
top: 0px;
 +
}
 +
.mainpage_homepage_WholeContainer {
 +
background-color: #fff;
 +
width: 1000px;
 +
}
-
</head>
+
.mainpage_project_WholeContainer {
 +
background-color: #5a7b22;
 +
background-image: url(https://static.igem.org/mediawiki/2011/2/29/Page_head_project.jpg);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
.mainpage_aboutus_WholeContainer {
 +
background-color: #000;
 +
background-image: url(https://static.igem.org/mediawiki/2011/a/a1/Page_head_aboutus.jpg);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
.mainpage_human_practice_WholeContainer {
 +
background-color: #cda901;
 +
background-image: url(https://static.igem.org/mediawiki/2011/9/93/Page_head_humanpractice.jpg);
 +
background-position: top;
 +
width: 1000px;
 +
background-repeat: no-repeat;
 +
}
 +
.page_WholeContainer {
 +
width: 1000px;
 +
}
 +
.page_aboutus_WholeContainer {
 +
width: 1000px;
 +
background-color: #000;
 +
}
-
<body>
 
-
<div id="background_shadow">
 
-
  <div class="mainpage_homepage_WholeContainer">
 
-
      <div id="galleria" >
 
-
        <img src="https://static.igem.org/mediawiki/2011/9/96/Head_BIG.jpg">
 
-
        <img src="https://static.igem.org/mediawiki/2011/3/34/Head_news_wiki2.jpg">
 
-
        <img src="https://static.igem.org/mediawiki/2011/9/9d/Head_news_World.jpg">
 
-
        <img src="https://static.igem.org/mediawiki/2011/7/7f/Head_animatioin.jpg">
 
-
        <img src="https://static.igem.org/mediawiki/2011/f/ff/Head_news_LC.jpg">
 
-
        <img src="https://static.igem.org/mediawiki/2011/9/97/Head_news_app.jpg">     
 
-
        <img src="https://static.igem.org/mediawiki/2011/6/6d/Head_news_wiki1.jpg">
 
-
     
 
-
       
 
-
    </div>
 
-
<script>
 
-
   
 
-
    // Load theme
 
-
    Galleria.loadTheme('http://biogeek.kilu.de/galleria.dots.js');
 
-
   
 
-
    $('#galleria').galleria();
 
-
   
 
-
    </script><!-- #BeginLibraryItem "/Library/manu.lbi" --><!--------here begins the manu bar section--!-->
 
-
    <div class="title_container">
 
-
    <div id="menu">
 
-
      <ul class="menu">
 
-
        <li><a href="https://2011.igem.org/Team:SYSU-China"><span></span></a></li>
 
-
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_news"><span>NEWS</span></a></li>
 
-
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><span>STORY</span></a></li>     
 
-
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_project" class="parent"><span>PROJECT</span></a>
 
-
          <div>
 
-
              <ul>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/project_bacterial_migration"><span>Bacterial Migration</span></a>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/project_Cesium_Absorption"><span>Cesium Absorption</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/project_Aggregation_Recovery"><span>Aggregation & Recovery</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"><span>Notes</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"><span>Data Page</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_safety"><span>Safety</span></a></li>
 
-
              </ul>
 
-
            </div>
 
-
        </li>
 
-
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_human_practice" class="parent"><span>HUMAN PRACTICE</span></a>
 
-
          <div>
 
-
              <ul>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_app"><span>iOS App</span></a>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_labcraft"><span>LabCraft Board Game</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_workshop"><span>Workshop</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_survey"><span>Survey</span></a></li>
 
-
              </ul>
 
-
            </div>
 
-
        </li>
 
-
       
 
-
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_aboutus" class="parent"><span>ABOUT US</span></a>
 
-
          <div>
 
-
              <ul>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_team_members"><span>Team Members</span></a>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_special_thanks"><span>Special Thanks</span></a></li>
 
-
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_LT"><span>Visual Identity</span></a></li>
 
-
              </ul>
 
-
            </div>
 
-
        </li>
 
-
      </ul>
+
#main_page_clearer {
-
    </div><!--here ends the manu!-->
+
background-color: transparent;
-
    <div id="logo_bar"><a href="https://2011.igem.org/Team:SYSU-China"><img src="https://static.igem.org/mediawiki/2011/2/25/Logo_green.png" width="93" height="125" /></a></div>
+
height: 525px;
-
    </div><!--here ends the title_container!-->
+
width: 1000px;
-
       
+
clear: both;
-
   
+
}
-
   
+
-
<!--------here ends the title_section------!-->     
+
-
    <div id="main_page_clearer"></div>   
+
-
<!-- #EndLibraryItem --><!------here begins the main content section--!-->
+
-
 
+
-
  <div id="main_page_content_WholeBox">
+
-
<!---------------------------------------------!--> 
+
-
      <div class="main_page_content_box">
+
-
        <div class="main_page_content_Whole_intro_bar">     
+
-
          <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/b/b4/Button_01news.png
+
-
" width="227" height="34" /></div>
+
-
          <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_construction"></a></div>
+
-
        </div>
+
-
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/98/Smallhead_01news.png
+
-
" width="306" height="136" /></div>
+
-
        <div class="main_page_content_textbox">
+
-
        <p>&nbsp;&nbsp;&nbsp;&nbsp;Find out our latest news and updates here, including our project, our experiments, our wiki and so on.</p>
+
-
          <p>&nbsp;</p>
+
-
          <p>&nbsp;</p>
+
-
          <p>&nbsp;</p>
+
-
          <p>&nbsp;</p>
+
-
          <p>&nbsp;</p>
+
-
        </div>
+
.main_page_clearer_light {
-
      </div>
+
background-color: transparent;
-
<!---------------------------------------------!-->     
+
height: 20px;
-
        <div class="main_page_content_box">
+
width: 100%;
-
          <div class="main_page_content_Whole_intro_bar">
+
clear: both;
-
            <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/b/bf/Button_02story.png
+
}
-
" width="227" height="34" /></div>
+
#main_page_content_WholeBox {
-
            <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_verification"></a></div>
+
width: 1000px;
-
          </div>
+
padding-top: 0px;
-
          <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/9e/Smallhead_02story.png
+
padding-right: 20px;
-
" width="306" height="136" /></div>
+
padding-bottom: 0px;
-
          <div class="main_page_content_textbox">
+
padding-left: 20px;
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;Saddened by  the nuclear accident happened in Japan, we came up with an idea of the &quot;Nuclear-Leakage Rescueres&quot;, which are designed to search and absorb the cesium-137. Find out the abstract and the story behind the whole project.</p>
+
background-color: transparent;
-
          <p>&nbsp;</p>
+
height: auto;
-
          <p>&nbsp;</p>
+
}
-
          <p>&nbsp;</p>
+
.main_page_content_box {
-
          </div>
+
background-color: transparent;
-
+
float: left;
-
      </div>
+
width: 306px;
-
<!---------------------------------------------!-->       
+
margin-top: 20px;
-
      <div class="main_page_content_box_r0">
+
margin-right: 20px;
-
        <div class="main_page_content_Whole_intro_bar">
+
margin-bottom: 0px;
-
          <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/9/96/Button_03project.png
+
margin-left: 0px;
-
" width="227" height="34" /></div>
+
height: auto;
-
          <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_functional_construction"></a></div>
+
}
-
        </div>
+
.main_page_content_box_r0 {
-
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/d/d6/Smallhead_03project.png
+
background-color: transparent;
-
" width="306" height="136" /></div>
+
float: left;
-
        <div class="main_page_content_textbox">
+
width: 306px;
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;There are three main parts in our project. We have realized BACTERIAL MIGRATION with recAp and CheZ gene and CESIUM ABSORPTION with recNp and TrkD, and finally,  AGGREGATION &amp; RECOVERY with Antigen-43.</p>
+
margin-top: 20px;
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;The Data Page, Notes and Safety of our experiments are also included in this section.</p>
+
margin-right: 0px;
-
          <p>&nbsp;</p>
+
margin-bottom: 20px;
-
        </div>
+
margin-left: 0px;
-
      </div>
+
}
-
<!---------------------------------------------!--><!---------------------------------------------!-->
+
.main_page_introduction_bar {
-
      <div class="main_page_content_box">
+
padding: 0px;
-
        <div class="main_page_content_Whole_intro_bar">
+
float: left;
-
        <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/f/f8/Button_04human.png
+
height: 34px;
-
" width="227" height="34" /></div>
+
width: 227px;
-
        <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"></a></div>
+
margin-top: 0px;
-
        </div>
+
margin-right: 4px;
-
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/8/88/Smallhead_04human.png
+
margin-bottom: 0px;
-
" width="306" height="136" /></div>
+
margin-left: 0px;
-
        <div class="main_page_content_textbox">
+
}
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;We have finished comprehensive human practice, including an iOS app, a board game, a survey and workshop. We focus on finding a scientifically accurate as well as vivid way to introduce SynBio and iGEM to the public.</p>
+
.main_page_introduction_bar p {
-
        </div>         
+
font-size: 18px;
-
      </div>
+
color: #000;
-
<!---------------------------------------------!-->     
+
font-family: Arial, Helvetica, sans-serif;
-
      <div class="main_page_content_box">
+
text-align: center;
-
        <div class="main_page_content_Whole_intro_bar">
+
vertical-align: middle;
-
  <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/5/50/Button_05about.png
+
}
-
" width="227" height="34" /></div>
+
.main_page_content_more_bar a{
-
        <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"></a></div>
+
float: right;
-
        </div>
+
height: 34px;
-
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/3/3d/Smallhead_05about.png
+
width: 75px;
-
" width="306" height="136" /></div>
+
background-image: url(https://static.igem.org/mediawiki/igem.org/f/f2/SYSU_main_pages_BG_pics_More.png
-
        <div class="main_page_content_textbox">
+
);
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;Learn more about the members, the university and the Visual Identity of our team. You can contact us through Internet or mail. And we also show our special thanks to those who had helped us with the project.</p>
+
clear: right;
-
        </div>
+
}
-
      </div>
+
.main_page_content_more_bar a:hover {
-
<!---------------------------------------------!-->       
+
background-image: url(https://static.igem.org/mediawiki/igem.org/4/40/SYSU_main_pages_BG_pics_More_light.png
-
     
+
);
-
<!---------------------------------------------!-->     
+
float: right;
-
     
+
height: 34px;
-
  </div><!--here ends the main_page_content_WholeBox!-->
+
width: 75px;
-
  <div class="main_page_clearer_light"></div>
+
clear: right;
-
  </div><!--here ends the mainpage_project_WholeContainer!-->
+
}
 +
.main_page_content_picbox {
 +
height: 136px;
 +
width: 100%;
 +
float: left;
 +
}
 +
.main_page_content_textbox {
 +
background-color: #d9d9d9;
 +
width: 100%;
 +
float: left;
 +
overflow: hidden;
 +
padding-top: 12px;
 +
padding-bottom: 12px;
 +
line-height: 1.5em;
 +
}
 +
.main_page_content_Whole_intro_bar {
 +
clear: right;
 +
float: left;
 +
width: 100%;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 5px;
 +
margin-left: 0px;
 +
}
-
<!--here begins the contact_bottombar!--><!-- #BeginLibraryItem "/Library/contact_bottombar.lbi" --><div class="contact_bottombar">
+
.main_page_content_textbox p {
-
      <p><a href="https://2011.igem.org/Main_Page">2011 iGEM Mainpage</a></p>
+
font-family: Arial, Helvetica, sans-serif;
-
      <p><a href="https://igem.org/Team_Wikis?year=2011">2011 iGEM Team wikis</a></p>
+
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;
 +
}
 +
.page_clear_and_introBar {
 +
height: 65px;
 +
width: 100%;
 +
margin-top: 0px;
 +
margin-right: 0px;
 +
margin-bottom: 5px;
 +
margin-left: 20px;
 +
}
 +
#page_content_WholeBox {
 +
width: 1000px;
 +
padding-top: 0px;
 +
padding-right: 20px;
 +
padding-bottom: 0px;
 +
padding-left: 20px;
 +
background-color: transparent;
 +
height: auto;
 +
}
 +
.page_content_bgBar {
 +
height: 387px;
 +
width: 632px;
 +
margin-bottom: 20px;
 +
position: relative;
 +
}
 +
.page_content_LsideBar {
 +
float: left;
 +
height: auto;
 +
width: 632px;
 +
}
 +
.page_content_textBar {
 +
width: 632px;
 +
background-color: #f5f5f5;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
border: 1px solid #d9d9d9;
 +
padding: 0px;
 +
height: auto;
 +
}
 +
.page_content_aboutus_textBar {
 +
width: 632px;
 +
background-color: #292f2f;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
padding: 0px;
 +
float: left;
 +
}
 +
.page_content_aboutus1_textBar {
 +
width: 632px;
 +
background-color: #292f2f;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
padding: 0px;
 +
float: left;
 +
}
-
      <p>From the 2011 iGEM team SYSU-China (2011)</p>
+
#page_content_textBar_enterTEXT {
-
      <p>Sun Yat-Sen University, Guangzhou, China</p>
+
padding: 12px;
-
      <p>Address: 135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China</p>
+
width: 608px;
-
      <p><a href="http://eng.sysu.edu.cn/">visit the Sun Yat-sen university website</a></p>
+
line-height: 1.75em;
-
      <p>Thanks Apycom jQuery Menus and <a href="http://apycom.com/">visit their website</a>
+
font-size: 14px;
-
  </div><!-- #EndLibraryItem --><!--here ends the contact_bottombar!-->
+
}
 +
.page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
/*about us 的文字在这改！！！！！！*/
 +
.page_content_LsideBar .page_content_aboutus_textBar #page_content_textBar_enterTEXT p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
color: #FFF;
 +
}
-
</div><!--here ends the backgroud_shadow_bar!-->
+
.page_content_RsideBar {
-
</body>
+
float: left;
-
</html>
+
width: 307px;
 +
margin-left: 20px;
 +
}
 +
#page_content_WholeBox .page_content_RsideBar p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
 
 +
.page_content_videoBar {
 +
background-color: #484848;
 +
width: 100%;
 +
}
 +
#page_content_baBar_details a {
 +
background-color: #333;
 +
display: block;
 +
height: 25px;
 +
width: 100px;
 +
position: absolute;
 +
top: 316px;
 +
left: 524px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
color: #FFF;
 +
text-align: center;
 +
padding-top: 6px;
 +
opacity: 0.8;
 +
}
 +
#page_content_baBar_details a:hover {
 +
display: block;
 +
height: 25px;
 +
width: 100px;
 +
position: absolute;
 +
top: 316px;
 +
left: 524px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
color: #FFF;
 +
text-align: center;
 +
padding-top: 7px;
 +
background-color: #D33431;
 +
opacity: 1;
 +
}
 +
 
 +
/*--------------various relatedBar------------*/
 +
.page_content_relatedBar_project_mc {
 +
background-color: #57a226;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/8/87/SYSU_Page_project_modules_construction_relatedBar.png);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_project_mv {
 +
background-color: #25A025;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/3/39/SYSU_Page_project_modules_verification_relatedBar.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_project_wiki2 {
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
 
 +
 
 +
 
 +
background-image: url(
 +
https://static.igem.org/mediawiki/igem.org/4/4a/Page_related_bar_new.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/4/4a/Page_related_bar_new.png);
 +
background-color: #68751F;
 +
font-size: 12px;
 +
}
 +
.page_content_relatedBar_project_sf {
 +
background-color: #CE8300;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/d/df/SYSU_Page_project_safety_relatedBar.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_project_no {
 +
background-color: #C5AC1E;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/1/1e/SYSU_Page_project_notes_relatedBar.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_project_dp {
 +
background-color: #179F55;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/5/50/SYSU_Page_project_data_page_relatedBar.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_story {
 +
background-color: #0B59A4;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/4/4b/SYSU_Page_story_relatedBar.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_aboutus {
 +
background-color: #484848;
 +
width: 283px;
 +
position: relative;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/6/66/SYSU_Page_aboutus_relatedBar.png
 +
);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
color: #FFF;
 +
}
 +
.page_content_relatedBar_humanpractice_LB {
 +
background-color: #4A913B;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/c/cd/Page_human_pratice_lab_craft_relatedBar.png);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_humanpractice_survey {
 +
background-color: #58137C;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/e/e1/Page_human_pratice_survey_relatedBar.png);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_humanpractice_app {
 +
background-color: #022AAB;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/0/02/Page_human_pratice_apple_app_relatedBar.png);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
.page_content_relatedBar_humanpractice_workshop {
 +
background-color: #465970;
 +
width: 283px;
 +
position: relative;
 +
margin-top: 20px;
 +
background-image: url(https://static.igem.org/mediawiki/igem.org/f/fc/Page_human_pratice_workshop_relatedBar.png);
 +
background-repeat: repeat-x;
 +
background-position: top;
 +
padding: 12px;
 +
word-wrap: break-word;
 +
word-break: break-all;
 +
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
 
 +
 
 +
/*--------------various relatedBar------------*/
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul {
 +
width: 620px;
 +
margin-top: 5px;
 +
margin-bottom: 50px;
 +
margin-left: 0px;
 +
float: left;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li {
 +
background-repeat: no-repeat;
 +
background-position: top;
 +
float: left;
 +
width: 114px;
 +
margin-right: 10px;
 +
margin-top: 20px;
 +
background-image: url(c);
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
color: #FFF;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul h1 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: bold;
 +
color: #99ccff;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul #fuking_tired {
 +
background-color: #292F2F;
 +
background-image: url(none);
 +
float: left;
 +
width: 600px;
 +
margin-top: 10px;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
color: #FFF;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT {
 +
padding: 10px;
 +
float: left;
 +
width: 100%;
 +
margin-bottom: 50px;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li h1 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: bold;
 +
color: #99ccff;
 +
margin-top: 3px;
 +
margin-bottom: 5px;
 +
}
 +
.page_content_aboutus_textBar #page_content_textBar_enterTEXT ul #fuking_tired p {
 +
padding-left: 15px;
 +
}
 +
 
 +
.page_content_text_Bar_enterTEXT_RpicBar {
 +
float: right;
 +
width: 180px;
 +
margin-left: 10px;
 +
}
 +
.page_content_textBar_enterTEXT_enter {
 +
float: left;
 +
width: 418px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter li {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.5em;
 +
}
 +
/*-------------lightbox style---------------*/
 +
/**
 +
* jQuery lightBox plugin
 +
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 +
* and adapted to me for use like a plugin from jQuery.
 +
* @name jquery-lightbox-0.5.css
 +
* @author Leandro Vieira Pinho - http://leandrovieira.com
 +
* @version 0.5
 +
* @date April 11, 2008
 +
* @category jQuery plugin
 +
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 +
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 +
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 +
*/
 +
#jquery-overlay {
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
z-index: 90;
 +
width: 100%;
 +
height: 500px;
 +
}
 +
#jquery-lightbox {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#jquery-lightbox a img { border: none; }
 +
#lightbox-container-image-box {
 +
position: relative;
 +
background-color: #fff;
 +
width: 250px;
 +
height: 250px;
 +
margin: 0 auto;
 +
}
 +
#lightbox-container-image { padding: 10px; }
 +
 
 +
#lightbox-loading {
 +
position: absolute;
 +
top: 40%;
 +
left: 0%;
 +
height: 25%;
 +
width: 100%;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#lightbox-nav {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 10;
 +
}
 +
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 +
#lightbox-container-image-box.loaded {
 +
border-bottom: 0;
 +
}
 +
#lightbox-nav a { outline: none;}
 +
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 +
width: 49%;
 +
height: 100%;
 +
zoom: 1;
 +
display: block;
 +
}
 +
#lightbox-nav-btnPrev {
 +
left: 0;
 +
float: left;
 +
}
 +
#lightbox-nav-btnNext {
 +
right: 0;
 +
float: right;
 +
}
 +
#lightbox-container-image-data-box {
 +
font: 10px Verdana, Helvetica, sans-serif;
 +
background-color: #fff;
 +
margin: 0 auto;
 +
line-height: 1.4em;
 +
overflow: auto;
 +
width: 100%;
 +
padding: 0 10px 0;
 +
}
 +
 
 +
#lightbox-container-image-data {
 +
padding: 0 10px;
 +
color: #666;
 +
}
 +
#lightbox-container-image-data #lightbox-image-details {
 +
width: 70%;
 +
float: left;
 +
text-align: left;
 +
}
 +
#lightbox-image-details-caption { font-weight: bold; }
 +
#lightbox-image-details-currentNumber {
 +
display: block;
 +
clear: left;
 +
padding-bottom: 1.0em;
 +
}
 +
#lightbox-secNav-btnClose {
 +
width: 66px;
 +
float: right;
 +
padding-bottom: 0.7em;
 +
}
 +
 
 +
@charset "utf-8";
 +
/* CSS Document */
 +
/* jQuery lightBox plugin - Gallery style */
 +
/*  This layout is for sample purposes
 +
    Feel free to edit it to suit your needs
 +
*/
 +
.lbGallery {
 +
background-color: #444;
 +
padding: 10px;
 +
width: 520px;
 +
}
 +
.lbGallery ul { list-style: none; }
 +
.lbGallery ul li { display: inline; }
 +
.lbGallery ul img {
 +
border: 5px solid #3e3e3e;
 +
border-width: 5px 5px 20px;
 +
}
 +
.lbGallery ul a:hover img {
 +
border: 5px solid #fff;
 +
border-width: 5px 5px 20px;
 +
color: #fff;
 +
}
 +
.lbGallery ul a:hover { color: #fff; }
 +
 +
 
 +
 
 +
/*-------------------lightbox style-------------*/
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT h1 {
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
}
 +
.page_content_textBar_enterTEXT_enter p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.75em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #57A226;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h4 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h5 {
 +
font-family: "Times New Roman", Times, serif;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h1 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #25A025;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter h6 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #0D6FC6;
 +
}
 +
 
 +
#background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.75em;
 +
color: #FFF;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h7 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 14px;
 +
color: #292F2F;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 14px;
 +
line-height: 1.5em;
 +
text-align: left;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
line-height: 2em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
 
 +
}
 +
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 {
 +
    font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 20px;
 +
font-weight: normal;
 +
text-decoration: none;
 +
color: #FFF;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
#background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_videoBar h1 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 16px;
 +
color: #FFF;
 +
}
 +
#page_downmanu_clearer {
 +
height: 70px;
 +
width: 1000px;
 +
}
 +
.page_content_RsideBar .page_content_relatedBar_project_wiki2 h2 {
 +
font-family: "Arial Black", Gadget, sans-serif;
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #FFF;
 +
margin-bottom: 1em;
 +
}
 +
.page_content_RsideBar .page_content_relatedBar_project_wiki2 h1 a {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 16px;
 +
font-weight: bold;
 +
color: #FFF;
 +
text-decoration: none;
 +
line-height: 2em;
 +
margin-left: 10px;
 +
}

Revision as of 12:59, 23 October 2011

/* http://meyerweb.com/eric/tools/css/reset/ 

  v2.0 | 20110126
  License: none (public domain)
  • /

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; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1;

} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* http://meyerweb.com/eric/tools/css/reset/ 

  v2.0 | 20110126
  License: none (public domain)
  • /
  1. background_shadow {

width: 1080px; margin-right: auto; margin-left: auto; background-image: url(SYSU_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; zoom: 80% } 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(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; }


  1. logo_bar {

position:absolute; width:93px; height:125px; z-index:6; left: 0px; top: 0px; }

.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; z-index: 5; position: relative; top: 0px; } .mainpage_homepage_WholeContainer { background-color: #fff; width: 1000px; }

.mainpage_project_WholeContainer { background-color: #5a7b22; background-image: url(Page_head_project.jpg); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_aboutus_WholeContainer { background-color: #000; background-image: url(Page_head_aboutus.jpg); background-position: top; width: 1000px; background-repeat: no-repeat; } .mainpage_human_practice_WholeContainer { background-color: #cda901; background-image: url(Page_head_humanpractice.jpg); background-position: top; width: 1000px; background-repeat: no-repeat; } .page_WholeContainer { width: 1000px; } .page_aboutus_WholeContainer { width: 1000px; background-color: #000; }


  1. main_page_clearer {

background-color: transparent; height: 525px; width: 1000px; clear: both; }

.main_page_clearer_light { background-color: transparent; height: 20px; width: 100%; clear: both; }

  1. 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(SYSU_main_pages_BG_pics_More.png ); clear: right; } 

.main_page_content_more_bar a:hover {

background-image: url(SYSU_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; padding-top: 12px; padding-bottom: 12px; line-height: 1.5em; } .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; } .page_clear_and_introBar { height: 65px; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; }

  1. page_content_WholeBox {

width: 1000px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background-color: transparent; height: auto; } .page_content_bgBar { height: 387px; width: 632px; margin-bottom: 20px; position: relative; } .page_content_LsideBar { float: left; height: auto; width: 632px; } .page_content_textBar { width: 632px; background-color: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #d9d9d9; padding: 0px; height: auto; } .page_content_aboutus_textBar { width: 632px; background-color: #292f2f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; float: left; } .page_content_aboutus1_textBar { width: 632px; background-color: #292f2f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; float: left; }

  1. page_content_textBar_enterTEXT {

padding: 12px; width: 608px; line-height: 1.75em; font-size: 14px; } .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT p { font-family: Arial, Helvetica, sans-serif; } /*about us 的文字在这改！！！！！！*/ .page_content_LsideBar .page_content_aboutus_textBar #page_content_textBar_enterTEXT p { font-family: Arial, Helvetica, sans-serif; color: #FFF; }

.page_content_RsideBar { float: left; width: 307px; margin-left: 20px; }

  1. page_content_WholeBox .page_content_RsideBar p {

font-family: Arial, Helvetica, sans-serif; }

.page_content_videoBar { background-color: #484848; width: 100%; }

  1. page_content_baBar_details a {

background-color: #333; display: block; height: 25px; width: 100px; position: absolute; top: 316px; left: 524px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFF; text-align: center; padding-top: 6px; opacity: 0.8; }

  1. page_content_baBar_details a:hover {

display: block; height: 25px; width: 100px; position: absolute; top: 316px; left: 524px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFF; text-align: center; padding-top: 7px; background-color: #D33431; opacity: 1; }

/*--------------various relatedBar------------*/ .page_content_relatedBar_project_mc { background-color: #57a226; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_modules_construction_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_mv { background-color: #25A025; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_modules_verification_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_wiki2 { width: 283px; position: relative; margin-top: 20px;


background-image: url( Page_related_bar_new.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; background-image: url(Page_related_bar_new.png); background-color: #68751F; font-size: 12px; } .page_content_relatedBar_project_sf { background-color: #CE8300; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_safety_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_no { background-color: #C5AC1E; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_notes_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_project_dp { background-color: #179F55; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_project_data_page_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_story { background-color: #0B59A4; width: 283px; position: relative; margin-top: 20px; background-image: url(SYSU_Page_story_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_aboutus { background-color: #484848; width: 283px; position: relative; background-image: url(SYSU_Page_aboutus_relatedBar.png ); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; color: #FFF; } .page_content_relatedBar_humanpractice_LB { background-color: #4A913B; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_lab_craft_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_humanpractice_survey { background-color: #58137C; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_survey_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_humanpractice_app { background-color: #022AAB; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_apple_app_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; } .page_content_relatedBar_humanpractice_workshop { background-color: #465970; width: 283px; position: relative; margin-top: 20px; background-image: url(Page_human_pratice_workshop_relatedBar.png); background-repeat: repeat-x; background-position: top; padding: 12px; word-wrap: break-word; word-break: break-all; font-family: Arial, Helvetica, sans-serif; }


/*--------------various relatedBar------------*/ .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul { width: 620px; margin-top: 5px; margin-bottom: 50px; margin-left: 0px; float: left; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li { background-repeat: no-repeat; background-position: top; float: left; width: 114px; margin-right: 10px; margin-top: 20px; background-image: url(c); } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul p { font-family: Arial, Helvetica, sans-serif; color: #FFF; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99ccff; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul #fuking_tired { background-color: #292F2F; background-image: url(none); float: left; width: 600px; margin-top: 10px; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li p { font-family: Arial, Helvetica, sans-serif; color: #FFF; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT { padding: 10px; float: left; width: 100%; margin-bottom: 50px; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul li h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #99ccff; margin-top: 3px; margin-bottom: 5px; } .page_content_aboutus_textBar #page_content_textBar_enterTEXT ul #fuking_tired p { padding-left: 15px; }

.page_content_text_Bar_enterTEXT_RpicBar { float: right; width: 180px; margin-left: 10px; } .page_content_textBar_enterTEXT_enter { float: left; width: 418px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter li {

font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; } /*-------------lightbox style---------------*/ /** 

* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
  1. jquery-overlay {

position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

  1. jquery-lightbox {

position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

  1. jquery-lightbox a img { border: none; }
  2. lightbox-container-image-box {

position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

  1. lightbox-container-image { padding: 10px; }
  1. lightbox-loading {

position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

  1. lightbox-nav {

position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

  1. lightbox-container-image-box > #lightbox-nav { left: 0; }
  2. lightbox-container-image-box.loaded {

border-bottom: 0; }

  1. lightbox-nav a { outline: none;}
  2. lightbox-nav-btnPrev, #lightbox-nav-btnNext {

width: 49%; height: 100%; zoom: 1; display: block; }

  1. lightbox-nav-btnPrev {

left: 0; float: left; }

  1. lightbox-nav-btnNext {

right: 0; float: right; }

  1. lightbox-container-image-data-box {

font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

  1. lightbox-container-image-data {

padding: 0 10px; color: #666; }

  1. lightbox-container-image-data #lightbox-image-details {

width: 70%; float: left; text-align: left; }

  1. lightbox-image-details-caption { font-weight: bold; }
  2. lightbox-image-details-currentNumber {

display: block; clear: left; padding-bottom: 1.0em; }

  1. lightbox-secNav-btnClose {

width: 66px; float: right; padding-bottom: 0.7em; }

@charset "utf-8"; /* CSS Document */ /* jQuery lightBox plugin - Gallery style */ /* This layout is for sample purposes 

   Feel free to edit it to suit your needs
  • /

.lbGallery { background-color: #444; padding: 10px; width: 520px; } .lbGallery ul { list-style: none; } .lbGallery ul li { display: inline; } .lbGallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } .lbGallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; } .lbGallery ul a:hover { color: #fff; }


/*-------------------lightbox style-------------*/

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT h1 {

font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; } .page_content_textBar_enterTEXT_enter p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.75em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #57A226; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h4 {

font-family: "Arial Black", Gadget, sans-serif; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #TabbedPanels2 h5 {

font-family: "Times New Roman", Times, serif; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {

font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h1 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #25A025; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter h6 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #0D6FC6; }

  1. background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_textBar_enterTEXT_enter {

font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.75em; color: #FFF; }

  1. background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li h7 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 14px; color: #292F2F; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_aboutus_WholeContainer #page_content_WholeBox .page_content_LsideBar .page_content_aboutus1_textBar #page_content_textBar_enterTEXT .page_content_text_Bar_enterTEXT_RpicBar #gallery ul li p {

font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; text-align: left; margin-right: 5px; margin-left: 5px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; line-height: 2em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_story h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px;

}

  1. background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 { 
   font-family: "Arial Black", Gadget, sans-serif;

font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_aboutus_WholeContainer .page_content_RsideBar .page_content_relatedBar_aboutus h2 a {

font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-decoration: none; color: #FFF; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_app h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_LB h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_survey h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_humanpractice_workshop h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_fv h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_dp h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mv h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_mc h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_no h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h1 a {

font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_relatedBar_project_sf h2 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; }

  1. background_shadow .page_WholeContainer #page_content_WholeBox .page_content_RsideBar .page_content_videoBar h1 {

font-family: "Arial Black", Gadget, sans-serif; font-size: 16px; color: #FFF; }

  1. page_downmanu_clearer {

height: 70px; width: 1000px; } .page_content_RsideBar .page_content_relatedBar_project_wiki2 h2 { font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; font-weight: bold; color: #FFF; margin-bottom: 1em; } .page_content_RsideBar .page_content_relatedBar_project_wiki2 h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 2em; margin-left: 10px; }

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