Team:USTC-Software/team

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:Team:USTC-Software/Header-c}} <html > <head> <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:USTC-Software/photos-showing-css?action=raw&ctyp...")
 
(6 intermediate revisions not shown)
Line 6: Line 6:
<link rel="stylesheet" type="text/css"  href="https://2012.igem.org/Team:USTC-Software/photos-showing-css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css"  href="https://2012.igem.org/Team:USTC-Software/photos-showing-css?action=raw&ctype=text/css" />
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/popup-jquery.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/popup-jquery.js?action=raw&ctype=text/javascript">
 +
 
 +
</script>
Line 58: Line 60:
right:2px;
right:2px;
     } /*the shadow of header menu css*/
     } /*the shadow of header menu css*/
 +
 +
 +
 +
 +
/*the begin of gray background css */
 +
 +
div.wrap_ps-box{
 +
background-image: url('https://static.igem.org/mediawiki/2012/7/72/Layer-bg0.86.png');
 +
width: 100%;
 +
height: 100%;
 +
left:0;
 +
top:0;/*FF IE7*/
 +
filter:alpha(opacity=100);/*IE*/
 +
z-index:2;
 +
position:fixed!important;/*FF IE7*/
 +
    }/*the end of gray background css */
 +
 +
 +
 +
 +
/*the begin of popup-box css*/
 +
span.wrap_ps-link {cursor: pointer;}
 +
span.wrap_ps-link:hover {
 +
text-shadow:#dcf 0 0 5px;
 +
    color: #300;
 +
    text-decoration:none;
 +
              }
 +
/* Each Box's specified width: Requied so that they're showing in the middle of the page */ 
 +
div.wrap_ps-box.wrapper-L,div.wrap_ps-box.wrapper-R {    
 +
background-image:url(dlbj.jpg);
 +
background-repeat:repeat-x;
 +
border:2px solid #614A43;
 +
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 +
text-align: left;left: 25%;right: 25%;
 +
background-color: #666;
 +
border-radius:5px;-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;
 +
padding:1px;
 +
z-index:20;
 +
width: 785px;
 +
height: auto;
 +
left:30%;/*FF IE7*/
 +
top:32%;/*FF IE7*/
 +
margin-left:-150px!important;/*FF IE7 half */
 +
margin-top:-60px!important;/*FF IE7 */
 +
margin-top:0px;
 +
position:fixed!important;/*FF IE7 half*/
 +
position:absolute;/*IE6*/      
 +
}
 +
div.wrap_ps-box.wrapper-R{
 +
left:30%;/*FF IE7*/
 +
top:32%;/*FF IE7*/
 +
margin-left:-150px!important;/*FF IE7 half */
 +
margin-top:-60px!important;/*FF IE7 */
 +
margin-top:0px;
 +
}
 +
div.wrap_ps-box div.inside {margin: 3px;padding: 10px;overflow: visible;z-index: 20;}
 +
div.wrap_ps-box div.inside.gray-r,div.wrap_ps-box div.inside.gray-l {background: #333;}
 +
 +
/* Close Buttons */
 +
div.wrap_ps-box span.wrap_ps-close {
 +
position: absolute;top: -13px;right: -13px;width: 35px;height: 35px;
 +
        z-index:22;
 +
background: url('https://static.igem.org/mediawiki/2012/d/db/Close-buttons-choices.85.png') no-repeat;
 +
}
 +
div.wrap_ps-box span.wrap_ps-close {background-position: -36px 0px;}
 +
div.wrap_ps-box span.wrap_ps-close:hover {background-position: -36px -36px;cursor: pointer;}
 +
div.wrap_ps-box span.wrap_ps-close.left {top: -13px;left: -13px;}
 +
div.wrap_ps-box span.wrap_ps-close.gray-l {background-position: -36px 0px;}
 +
div.wrap_ps-box span.wrap_ps-close.gray-l:hover {background-position: -36px -36px;}
 +
 +
 +
/*the text content style*/
 +
div.wrap_ps-box h3 {font-size: 30px;font-weight: bold;margin: 10px 0px 5px;color: #464646;letter-spacing: -1px;}
 +
div.wrap_ps-box .gray-l h3,{color: #fffeff;margin-top: 0px;}
 +
div.wrap_ps-box p {text-shadow: rgba(255,254,255,0.5) 0 1px 0;color: #7a7a7a;margin: 5px 0px 10px;}
 +
 +
 +
/* Image Styles */
 +
div.wrap_ps-box img{float: left;margin-right: 20px;}
 +
div.wrap_ps-box img.pop-out {margin-top: -42px;z-index: 2001;position: absolute;left: 94px;}
 +
/******************************the end of popup-box css********************/
 +
 +
 +
 +
 +
Line 65: Line 153:
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
-
width:980px;
+
width:780px;
height:auto;
height:auto;
position:relative;
position:relative;
-
 
margin-top:30px;
margin-top:30px;
margin-bottom:20px;
margin-bottom:20px;
-
    border-color:black;
+
        background: #333333;
 +
 
 +
        border-color:#333333;
border-style:solid;
border-style:solid;
-
border-width:1px;
+
border-width:35px;
     }
     }
 +
 +
 +
#wrap_left_column,#wrap_right_column{
#wrap_left_column,#wrap_right_column{
position:relative;
position:relative;
-
margin-bottom:40px;
+
float:left;
-
width:699px;
+
margin-right:45px;
-
height:188px;
+
margin-bottom:30px;
-
+
width:230px;
-
background-color:black;
+
height:215px;
-
border-color:gray;
+
/*
 +
background-color:green;
 +
border-color:yellow;
border-style:solid;
border-style:solid;
-
border-width:1px;
+
border-width:1px; */
}
}
 +
 +
#wrap_left_column.last,#wrap_right_column.last{
 +
        margin-bottom:0px;
 +
        }
 +
 +
 +
#wrap_right_column{
#wrap_right_column{
float:right;
float:right;
 +
margin-right:0px;
}
}
-
 
-
#wrap_right_column.the_last_column{
 
-
margin-bottom:5px;
 
-
}
 
-
 
-
#wrap_team .wrap_photo_left,#wrap_team .wrap_photo_right{
 
-
position:relative;
 
-
float:left;
 
-
width:190px;
 
-
height:188px;
 
-
background:gray;
 
-
margin-top:0px;
 
-
padding:0px;
 
-
/* border-color:blue;
 
-
border-style:solid;
 
-
border-width:2px; */
 
-
}
 
-
#wrap_team .wrap_photo_right{
+
-
float:right;
+
-
}
+
-
#wrap_team .wrap_text_description,#wrap_team .wrap_text_description_right{
+
-
position:relative;
+
-
float:left;
+
-
width:500px;
+
-
height:180px;
+
-
background:#333;
+
-
margin-top:0px;
+
-
padding:4px;
+
-
/* border-color:orange;
+
-
border-style:solid;
+
-
border-width:2px;*/
+
-
}
+
-
#wrap_team .wrap_text_description_right{
+
-
float:right;
+
-
}
+
.circle_shadow {
.circle_shadow {
-
padding:3px 5px 4px 5px;
+
padding:2px 3px 3px 3px;
font-weight:normal;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
font-family:Georgia, "Times New Roman", Times, serif;
-
line-height:1;
+
line-height:1em;
text-decoration:none;
text-decoration:none;
-
font-size:14px;
+
font-size:12px;
color:#fff;
color:#fff;
background:#636466;
background:#636466;
Line 146: Line 214:
color: #BBBDC0;
color: #BBBDC0;
font-family: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
-
line-height: 1.4em;
+
line-height: 1em;
text-decoration:none;
text-decoration:none;
-
margin:8px
+
margin:0px
}
}
Line 165: Line 233:
#wrap_cirle_left,#wrap_cirle_right{
#wrap_cirle_left,#wrap_cirle_right{
position:relative;
position:relative;
-
width:75px;
+
width:150px;
height:auto;
height:auto;
-
padding:3px 3px 4px 3px;
+
 
background-image:url(#);
background-image:url(#);
text-align:center;
text-align:center;
-
margin-left:40px;
+
margin:3px auto;
-
margin-top:12px;
+
}
}
#wrap_cirle_right{
#wrap_cirle_right{
Line 178: Line 245:
}/*the end of our team number introduction  css*/
}/*the end of our team number introduction  css*/
-
 
-
 
-
/*the begin of popup-box css*/
 
-
span.wrap_ps-link {cursor: pointer;}
 
-
span.wrap_ps-link:hover {
 
-
text-shadow:#dcf 0 0 5px;
 
-
    color: #300;
 
-
    text-decoration:none;
 
-
              }
 
-
/* Each Box's specified width: Requied so that they're showing in the middle of the page */ 
 
-
div.wrap_ps-box.wrapper-L,div.wrap_ps-box.wrapper-R {    
 
-
background-image:url(dlbj.jpg);
 
-
background-repeat:repeat-x;
 
-
border:2px solid #614A43;
 
-
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 
-
text-align: left;left: 25%;right: 25%;
 
-
background-color: #666;
 
-
border-radius:5px;-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px;
 
-
padding:1px;
 
-
z-index:20;
 
-
width: 500px;
 
-
height: auto;
 
-
left:40%;/*FF IE7*/
 
-
top:41%;/*FF IE7*/
 
-
margin-left:-150px!important;/*FF IE7 half */
 
-
margin-top:-60px!important;/*FF IE7 */
 
-
margin-top:0px;
 
-
position:fixed!important;/*FF IE7 half*/
 
-
position:absolute;/*IE6*/      
 
-
}
 
-
div.wrap_ps-box.wrapper-R{
 
-
left:42%;/*FF IE7*/
 
-
top:42%;/*FF IE7*/
 
-
margin-left:-150px!important;/*FF IE7 half */
 
-
margin-top:-60px!important;/*FF IE7 */
 
-
margin-top:0px;
 
-
}
 
-
div.wrap_ps-box div.inside {margin: 3px;padding: 10px;overflow: visible;z-index: 20;}
 
-
div.wrap_ps-box div.inside.gray-r,div.wrap_ps-box div.inside.gray-l {background: #333;}
 
-
 
/* Close Buttons */
/* Close Buttons */
div.wrap_ps-box span.wrap_ps-close {
div.wrap_ps-box span.wrap_ps-close {
position: absolute;top: -13px;right: -13px;width: 35px;height: 35px;
position: absolute;top: -13px;right: -13px;width: 35px;height: 35px;
-
+
        z-index:22;
background: url('https://static.igem.org/mediawiki/2012/d/db/Close-buttons-choices.85.png') no-repeat;
background: url('https://static.igem.org/mediawiki/2012/d/db/Close-buttons-choices.85.png') no-repeat;
}
}
Line 233: Line 260:
/*the text content style*/
/*the text content style*/
-
div.wrap_ps-box h3 {font-size: 23px;font-weight: bold;margin: 0px;color: #888888;letter-spacing: -1px;}
+
div.wrap_ps-box h3 {font-size: 30px;font-weight: bold;margin: 10px 0px 5px;color: #888888;letter-spacing: -1px;}
div.wrap_ps-box .gray-l h3,{color: #fffeff;margin-top: 0px;}
div.wrap_ps-box .gray-l h3,{color: #fffeff;margin-top: 0px;}
-
div.wrap_ps-box p {color: #7a7a7a;margin: 0px;}
+
div.wrap_ps-box p {color: #7a7a7a;margin: 5px 0px 10px;}
/* Image Styles */
/* Image Styles */
-
div.wrap_ps-box img{float: left;margin-right: 16px;
+
div.wrap_ps-box img{float: left;margin-right: 14px;
-
                  }
+
                  padding-bottom:10px;}
div.wrap_ps-box img.pop-out {margin-top: -42px;z-index: 2001;position: absolute;left: 94px;}
div.wrap_ps-box img.pop-out {margin-top: -42px;z-index: 2001;position: absolute;left: 94px;}
/******************************the end of popup-box css********************/
/******************************the end of popup-box css********************/
Line 301: Line 328:
<div id="wrap_team">
<div id="wrap_team">
        
        
-
    <!----the begin of team mumber div----->
+
-
       
+
  <!----the begin of team mumber div----->
          
          
 +
   
 +
<!-----------the begin black-bg div ---------->
 +
<div id="left-box-ps" class="wrap_ps-box"> 
 +
           <!-----------the begin of popup-box div ---------->
           <!-----------the begin of popup-box div ---------->
<div id="left-box-ps" class="wrap_ps-box wrapper-L">
<div id="left-box-ps" class="wrap_ps-box wrapper-L">
   <div class="inside gray-l"> <span class="wrap_ps-close gray-l left"></span>  
   <div class="inside gray-l"> <span class="wrap_ps-close gray-l left"></span>  
-
   <img src="https://static.igem.org/mediawiki/2012/9/98/Yksh.jpg" width="200" height="280"/> <!--the left photo------>
+
   <img src="#" width="200" height="285"/> <!--the left photo------>
     <h3>About Me</h3>
     <h3>About Me</h3>
     <p>I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
     <p>I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
<p/>Motto: Science is organized knowledge. Wisdom is organized life.
<p/>Motto: Science is organized knowledge. Wisdom is organized life.
 +
<p/>Contact info:
<p/>E-mail: yks1987@mail.ustc.edu.cn</p>
<p/>E-mail: yks1987@mail.ustc.edu.cn</p>
Line 316: Line 348:
</div>
</div>
 +
</div><!-----------the end of black-bg div ---------->
 +
 +
 +
 +
 +
<!-----------the begin black-bg div ---------->
 +
<div id="right-box-ps" class="wrap_ps-box"> 
 +
 +
<!-----------the begin of popup-box div ---------->
<div id="right-box-ps" class="wrap_ps-box wrapper-R">
<div id="right-box-ps" class="wrap_ps-box wrapper-R">
-
   <div class="inside gray-r"> <span class="wrap_ps-close"></span> <img src="images/medialoot-box.png" /> <!--the right photo----->
+
   <div class="inside gray-r"> <span class="wrap_ps-close"></span>  
 +
<img src="#" width="200" height="285" /> <!--the right photo----->
     <h3>About Me</h3>
     <h3>About Me</h3>
-
     <p>Hello,everyone! My name is ......., I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
+
     <p>Hello,everyone! My name is Kaishuai Yang, an graduate student from Institute of Solid state Physics CAS. My major is computational physics, and I also interested in coding and biology.</P>
 +
<p>I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team.In the latest half year, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
<p/>Contact info:
<p/>Contact info:
-
<p/>E-mail:....@mail.ustc.edu.cn</p>
+
<p/>E-mail:yks1987@mail.ustc.edu.cn</p>
     </div>
     </div>
Line 327: Line 370:
       <!-----------the end of popup-box div -one circle--------->
       <!-----------the end of popup-box div -one circle--------->
 +
</div><!-----------the begin black-bg div ---------->
 +
 +
 +
 +
    <!-----------the begin black-bg div ------YKSH---->
 +
<div id="right-box-yks" class="wrap_ps-box"> 
 +
 +
<div id="right-box-yks" class="wrap_ps-box wrapper-R"><!-----------the begin of popup-box div ---------->
 +
  <div class="inside gray-r"> <span class="wrap_ps-close"></span>
 +
<img src="#" width="200" height="285" /> <!--the right photo----->
 +
    <h3>About Me</h3>
 +
    <p>Hello,everyone! My name is Kaishuai Yang, an graduate student from Institute of Solid state Physics CAS. My major is computational physics, and I also interested in coding and biology.</P>
 +
<p>I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team.In the latest half year, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it. </p>
 +
<p/>Contact info:
 +
<p/>E-mail:yks1987@mail.ustc.edu.cn</p>
 +
  </div>
 +
</div>
 +
</div><!-----------the begin black-bg div ---------->
 +
   
 +
   
        
        
-
           <div class="clr"></div>
+
       
-
        <div id="wrap_left_column">
+
           <div id="wrap_left_column"> <!-----------the end of wrap_left_column div -one circle--------->
 +
         
 +
              <span rel="#left-box-ps" class="wrap_ps-link" title="Touch Me">
 +
       
 +
                <div class="wrap_photo_left">   
 +
<img src="#" width="230" height="180" alt=""/>
 +
                </div>
 +
               
 +
                  <div id="wrap_cirle_left" class="circle_shadow">       
 +
                    <div class="wrap_text_description">
 +
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
 +
                      <p class="text_description"> Editing wiki</p>               
 +
                    </div>
 +
                   
 +
                  </div>              
          
          
-
                        <div class="wrap_photo_left">   
+
              </span><!--the left popup-box------>
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="190" height="188" alt=""/>
+
-
                        </div>
+
-
                     
+
-
                <div class="wrap_text_description">
+
-
            <p class="text_description"> Hello,everyone! My name is Kaishuai Yang, an graduate student from Institute of Solid state Physics CAS. My major is computational physics, and I also interested in coding and biology. I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it.  </p>       
+
-
<p class="text_description">E-mail: yks1987@mail.ustc.edu.cn</p>       
+
-
                      <div id="wrap_cirle_left" class="circle_shadow">
+
-
                            <span rel="#left-box-ps" class="wrap_ps-link"><span>Touch Me</span></span><!--the left popup-box------>
+
-
                      </div>
+
-
                </div>             
+
          
          
           </div><!---end of wrap left column---->
           </div><!---end of wrap left column---->
 +
         
 +
         
 +
         
 +
         
 +
          <div id="wrap_left_column">
 +
         
 +
              <span rel="#left-box-ps" class="wrap_ps-link">
 +
       
 +
                <div class="wrap_photo_left">   
 +
<img src="#" width="230" height="180" alt=""/>
 +
                </div>
 +
               
 +
                  <div id="wrap_cirle_left" class="circle_shadow">
 +
                     
 +
                    <div class="wrap_text_description">
 +
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
 +
                      <p class="text_description"> Editing wiki</p>               
 +
                    </div>
 +
                   
 +
                  </div>             
 +
       
 +
              </span><!--the left popup-box------>
 +
       
 +
          </div><!---end of wrap left column 2---->
 +
         
 +
         
 +
         
              
              
              
              
         <div id="wrap_right_column">
         <div id="wrap_right_column">
-
                <div class="clr"></div>
+
-
            <div class="wrap_photo_right">
+
            <span rel="#right-box-ps" class="wrap_ps-link">
-
                 <a href="#"><img src="images/water.jpg" width="210" height="188" alt="team number" /></a>  
+
       
-
            </div>
+
                 <div class="wrap_photo_left">  
-
           
+
<img src="#" width="230" height="180" alt=""/>
-
              <div class="wrap_text_description_right">
+
                </div>
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>    
+
               
-
                  <div id="wrap_cirle_right" class="circle_shadow">
+
                  <div id="wrap_cirle_left" class="circle_shadow">      
-
                      <span rel="#right-box-ps" class="wrap_ps-link">Read More</span><!--the right popup-box------>
+
                    <div class="wrap_text_description">
-
                  </div>
+
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
-
              </div>
+
                      <p class="text_description"> Editing wiki</p>               
 +
                    </div>
 +
                   
 +
                  </div>             
 +
       
 +
              </span><!--the left popup-box------>
                
                
-
           </div><!---end of wrap right column---->
+
           </div><!---end of wrap right column1---->
            
            
                  
                  
           <!-------------------the end of team mumber  one cirle- including popup---------------------->
           <!-------------------the end of team mumber  one cirle- including popup---------------------->
-
           
+
         
-
   
+
         
-
    <div class="clr"></div>
+
         
-
    <div id="wrap_left_column">
+
         
-
       
+
         
-
          <div class="wrap_photo_left">
+
         
-
                <img src="images/water.jpg" width="210" height="188" alt="team number" />  
+
         
-
            </div>
+
         
 +
          <div id="wrap_left_column"> <!-----------the end of wrap_left_column div -one circle--------->
 +
         
 +
              <span rel="#left-box-ps" class="wrap_ps-link">
 +
       
 +
                <div class="wrap_photo_left">  
 +
<img src="#" width="230" height="180" alt=""/>
 +
                </div>
 +
               
 +
                  <div id="wrap_cirle_left" class="circle_shadow">
                        
                        
-
                <div class="wrap_text_description">
+
                    <div class="wrap_text_description">
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230; </p>
+
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
-
                    <div id="wrap_cirle_left" class="circle_shadow">
+
                       <p class="text_description"> Editing wiki</p>                 
-
                       <span rel="#left-box-ps" class="wrap_ps-link"><span>Read More</span></span><br/><!--the left popup-box------>
+
                    </div>
-
                    </div>
+
                   
-
                 </div>                 
+
                  </div>               
-
        </div><!---end of wrap left column---->
+
       
-
           
+
              </span><!--the left popup-box------>
-
           
+
       
-
        <div id="wrap_right_column">
+
           </div><!---end of wrap left column---->
-
                <div class="clr"></div>
+
-
            <div class="wrap_photo_right">
+
-
                <a href="#"><img src="images/water.jpg" width="190" height="188" alt="team number" /></a> 
+
-
            </div>
+
-
           
+
-
               <div class="wrap_text_description_right">
+
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>
+
-
                  <div id="wrap_cirle_right" class="circle_shadow">
+
-
                      <span rel="#right-box-ps" class="wrap_ps-link">Read More</span><!--the right popup-box------>
+
-
                  </div>
+
-
              </div>
+
-
           </div><!---end of wrap right column---->
+
            
            
            
            
            
            
-
           <div class="clr"></div>
+
            
-
        <div id="wrap_left_column">
+
          <div id="wrap_left_column">
-
              <div class="wrap_photo_left">
+
         
-
                <img src="images/water.jpg" width="190" height="188" alt="team number" />  
+
              <span rel="#left-box-ps" class="wrap_ps-link">
-
              </div>
+
       
 +
                <div class="wrap_photo_left">  
 +
<img src="#" width="230" height="180" alt=""/>
 +
                </div>
 +
               
 +
                  <div id="wrap_cirle_left" class="circle_shadow">
                        
                        
-
                <div class="wrap_text_description">
+
                    <div class="wrap_text_description">
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230; </p>
+
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
-
          <p><a href="#"><div id="wrap_cirle_left" class="circle_shadow">Read More</div></a></p>
+
                      <p class="text_description"> Editing wiki</p>                
-
                </div>                  
+
                    </div>
-
      </div><!---end of wrap left column---->
+
                   
 +
                  </div>              
 +
       
 +
              </span><!--the left popup-box------>
 +
       
 +
          </div><!---end of wrap left column 2---->
 +
         
 +
         
 +
         
              
              
              
              
         <div id="wrap_right_column">
         <div id="wrap_right_column">
-
                <div class="clr"></div>
+
-
            <div class="wrap_photo_right">
+
            <span rel="#right-box-ps" class="wrap_ps-link">
-
                 <a href="#"><img src="images/water.jpg" width="210" height="188" alt="team number" /></a>  
+
       
-
            </div>
+
                 <div class="wrap_photo_left">  
-
           
+
<img src="#" width="230" height="180" alt=""/>
-
              <div class="wrap_text_description_right">
+
                </div>
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>
+
               
-
          <p><a href="#"><div id="wrap_cirle_right" class="circle_shadow">Read More</div></a></p>
+
                  <div id="wrap_cirle_left" class="circle_shadow">      
-
              </div>
+
                    <div class="wrap_text_description">
 +
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
 +
                      <p class="text_description"> Editing wiki</p>                
 +
                    </div>
 +
                   
 +
                  </div>              
 +
       
 +
              </span><!--the left popup-box------>
                
                
-
           </div><!---end of wrap right column---->
+
           </div><!---end of wrap right column1---->
            
            
 +
               
 +
          <!-------------------the end of team mumber  2 cirle- including popup---------------------->
            
            
-
           <div class="clr"></div>
+
         
-
           <div id="wrap_left_column">
+
         
 +
         
 +
         
 +
         
 +
         
 +
         
 +
           <div id="wrap_left_column" class="last"> <!-----------the end of wrap_left_column div -one circle--------->
 +
            
 +
              <span rel="#left-box-ps" class="wrap_ps-link">
 +
       
 +
                <div class="wrap_photo_left">   
 +
<img src="#" width="230" height="180" alt=""/>
 +
                </div>
 +
               
 +
                  <div id="wrap_cirle_left" class="circle_shadow">
 +
                     
 +
                    <div class="wrap_text_description">
 +
                      <p class="text_description"> Hi! i'm Kaishuai Yang </p>
 +
                      <p class="text_description"> Editing wiki</p>               
 +
                    </div>
 +
                   
 +
                  </div>              
          
          
-
           <div class="wrap_photo_left">
+
              </span><!--the left popup-box------>
-
                 <img src="images/water.jpg" width="190" height="188" alt="team number" />  
+
       
-
            </div>
+
          </div><!---end of wrap left column---->
 +
         
 +
         
 +
         
 +
         
 +
           <div id="wrap_left_column" class="last">
 +
         
 +
              <span rel="#left-box-ps" class="wrap_ps-link">
 +
       
 +
                 <div class="wrap_photo_left">   
 +
<img src="#" width="230" height="180" alt=""/>
 +
                </div>
 +
               
 +
                  <div id="wrap_cirle_left" class="circle_shadow">
                        
                        
-
                <div class="wrap_text_description">
+
                    <div class="wrap_text_description">
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230; </p>
+
                      <p class="text_description">Kaishuai Yang </p>
-
          <p><a href="#"><div id="wrap_cirle_left" class="circle_shadow">Read More</div></a></p>
+
                      <p class="text_description"> Editing Wiki</p>                
-
                </div>               
+
                    </div>
 +
                   
 +
                  </div>               
          
          
-
         </div><!---end of wrap left column---->
+
              </span><!--the left popup-box------>
 +
          
 +
          </div><!---end of wrap left column 2---->
 +
         
 +
         
 +
         
              
              
              
              
-
         <div id="wrap_right_column" class="the_last_column">
+
         <div id="wrap_right_column" class="last">
-
                <div class="clr"></div>
+
-
            <div class="wrap_photo_right">
+
          <span rel="#right-box-yks" class="wrap_ps-link">
-
                 <a href="#"><img src="images/water.jpg" width="190" height="188" alt="team number" /></a>  
+
       
-
            </div>
+
                 <div class="wrap_photo_left">  
-
           
+
<img src="#" width="230" height="180" alt=""/>
-
              <div class="wrap_text_description_right">
+
                </div>
-
            <p class="text_description"> Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales.facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp; The new building is located&#8230;</p>
+
               
-
            <p><a href="#"><div id="wrap_cirle_right" class="circle_shadow">Read More</div></a></p>
+
                  <div id="wrap_cirle_left" class="circle_shadow">      
-
              </div>
+
                    <div class="wrap_text_description">
 +
                      <p class="text_description">Kaishuai Yang </p>
 +
                      <p class="text_description"> Editing Wiki</p>                
 +
                    </div>
 +
                   
 +
                  </div>              
 +
       
 +
              </span><!--the left popup-box------>
                
                
-
           </div><!---end of wrap right column---->
+
           </div><!---end of wrap right column1---->
 +
         
 +
               
 +
          <!-------------------the end of team mumber  3 cirle- including popup---------------------->
 +
         
 +
         
 +
         
 +
           
    
    
-
   
 
                
                
     <div class="clr"></div>   
     <div class="clr"></div>   
Line 461: Line 633:
  </div><!-----the end of page_wrap div---->
  </div><!-----the end of page_wrap div---->
-
</body>
 
-
<html>
 
          
          

Latest revision as of 01:44, 27 September 2012

USTC-Header-c

TOP
Everything is yours!

Science is organized knowledge. Wisdom is organized life.Making excellence a habit.

写给未来——我的Mr right

我不知道你会在什么时间 什么地点 什么场合­出现可是 我想你遇到我的时候可以一眼就把我认出来,就像我一直坚信我会在见到你的第一眼就认出你一样。

Mr right
Olympic-2012

舍不得你离开,但是不得不离开。这不是无奈,这是竞技体育的残酷。英雄般的倒下让我更加难过,但是很欣慰,哎哟喂,太矛盾了。精彩的比赛,我却不敢看上一遍,只怕。。。”

EURO

About Me

I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it.

Motto: Science is organized knowledge. Wisdom is organized life.

Contact info:

E-mail: yks1987@mail.ustc.edu.cn

About Me

Hello,everyone! My name is Kaishuai Yang, an graduate student from Institute of Solid state Physics CAS. My major is computational physics, and I also interested in coding and biology.

I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team.In the latest half year, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it.

Contact info:

E-mail:yks1987@mail.ustc.edu.cn

About Me

Hello,everyone! My name is Kaishuai Yang, an graduate student from Institute of Solid state Physics CAS. My major is computational physics, and I also interested in coding and biology.

I feel very lucky that I could study at University of Science and Technology of China for one full year, and that's the reason I have the chance to become one number of USTC-Software team.In the latest half year, I made so many best friends learned so much in the iGEM lab. My main work is for our team's wiki designing, so I hope you could love it.

Contact info:

E-mail:yks1987@mail.ustc.edu.cn

Hi! i'm Kaishuai Yang

Editing wiki

Hi! i'm Kaishuai Yang

Editing wiki

Hi! i'm Kaishuai Yang

Editing wiki

Hi! i'm Kaishuai Yang

Editing wiki

Hi! i'm Kaishuai Yang

Editing wiki

Hi! i'm Kaishuai Yang

Editing wiki

Hi! i'm Kaishuai Yang

Editing wiki

Kaishuai Yang

Editing Wiki

Kaishuai Yang

Editing Wiki