Team:USTC-Software/team

From 2012.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 60: 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 74: Line 158:
margin-top:30px;
margin-top:30px;
margin-bottom:20px;
margin-bottom:20px;
 +
        background: #333333;
    
    
-
  /*  border-color:black;
+
        border-color:#333333;
border-style:solid;
border-style:solid;
-
border-width:1px; */
+
border-width:35px;
     }
     }
Line 96: Line 181:
border-width:1px;  */
border-width:1px;  */
}
}
 +
 +
#wrap_left_column.last,#wrap_right_column.last{
 +
        margin-bottom:0px;
 +
        }
 +
Line 149: Line 239:
text-align:center;
text-align:center;
margin:3px auto;
margin:3px auto;
-
;
 
}
}
#wrap_cirle_right{
#wrap_cirle_right{
Line 239: 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="285"/> <!--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>
Line 255: 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 266: 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 ---------->
      
      
      
      
Line 279: Line 398:
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 302: Line 421:
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 327: Line 446:
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 357: Line 476:
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 381: Line 500:
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 406: Line 525:
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 431: Line 550:
            
            
            
            
-
           <div id="wrap_left_column"> <!-----------the end of wrap_left_column div -one circle--------->
+
           <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">
               <span rel="#left-box-ps" class="wrap_ps-link">
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 455: Line 574:
            
            
            
            
-
           <div id="wrap_left_column">
+
           <div id="wrap_left_column" class="last">
            
            
               <span rel="#left-box-ps" class="wrap_ps-link">
               <span rel="#left-box-ps" class="wrap_ps-link">
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
Line 466: Line 585:
                        
                        
                     <div class="wrap_text_description">
                     <div class="wrap_text_description">
-
                       <p class="text_description"> Hi! i'm Kaishuai Yang </p>
+
                       <p class="text_description">Kaishuai Yang </p>
-
                       <p class="text_description"> Editing wiki</p>                 
+
                       <p class="text_description"> Editing Wiki</p>                 
                     </div>
                     </div>
                      
                      
Line 480: Line 599:
              
              
              
              
-
         <div id="wrap_right_column">
+
         <div id="wrap_right_column" class="last">
   
   
-
           <span rel="#right-box-ps" class="wrap_ps-link">
+
           <span rel="#right-box-yks" class="wrap_ps-link">
          
          
                 <div class="wrap_photo_left">     
                 <div class="wrap_photo_left">     
-
<img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" width="230" height="180" alt=""/>
+
<img src="#" width="230" height="180" alt=""/>
                 </div>
                 </div>
                  
                  
                   <div id="wrap_cirle_left" class="circle_shadow">         
                   <div id="wrap_cirle_left" class="circle_shadow">         
                     <div class="wrap_text_description">
                     <div class="wrap_text_description">
-
                       <p class="text_description"> Hi! i'm Kaishuai Yang </p>
+
                       <p class="text_description">Kaishuai Yang </p>
-
                       <p class="text_description"> Editing wiki</p>                 
+
                       <p class="text_description"> Editing Wiki</p>                 
                     </div>
                     </div>
                      
                      

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

Retrieved from "http://2012.igem.org/Team:USTC-Software/team"