Team:USTC-Software/text

From 2012.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
/*----the style of header css----*/
+
{{Template:Team:USTC-Software/hidden}}
-
 
+
{{Template:Team:USTC-Software/global_header}}
-
*{
+
<html>
-
margin: 0;
+
<head>
-
padding: 0;
+
    <title>USTC-Software Team</title>
-
text-decoration: none;
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/style?action=raw&ctype=text/css" type="text/css"/>
-
}
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/team_style?action=raw&ctype=text/css" type="text/css" media="screen" title="no title" charset="utf-8">
-
 
+
    <link href='http://fonts.googleapis.com/css?family=Bubbler+One' rel='stylesheet' type='text/css'>
-
div{
+
    <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
-
display: block;
+
    <link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'>
-
}
+
    <script src="https://2012.igem.org/Team:USTC-Software/js/jquery-1.7.1.min?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
 
+
   
-
.clr{
+
    <script type="text/javascript">
-
clear: both;
+
         $(document).ready(function(){
-
}
+
            $('div.member_details').hide();
-
 
+
            $('div.member').click(function(){
-
body{
+
                $('div.member_details').hide();
-
background-color: black;
+
                var detail = $(this).attr('id');
-
background: url('https://static.igem.org/mediawiki/2012/c/ca/Ustc-software-2012-bg-hex.png');
+
                $('div#'+detail+'-details').fadeIn('slow'); //  display the coresponding details
-
margin:0 auto;
+
            });
-
}
+
            $('div.detail_close').click(function(){
-
 
+
                $(this).parents('div.member_details').fadeOut('speed'); //  close the coresponding details
-
a {outline: none;} /*for IE image-border and link dashed line bug*/
+
            });
-
a:focus { outline: 0; }
+
        });
-
a:active {star:expression_r(this.onFocus=this.blur());}
+
    </script>
-
:focus { outline:0; }
+
   
-
img{display: block;border: none;}
+
</head>
-
+
<body>
-
 
+
   
-
 
+
    <!-- members' thumbnails -->
-
 
+
    <div id="member_feature_wrapper">
-
 
+
        <div id="members">
-
 
+
            <div id="meet-team"></div>
-
 
+
           
-
#page_wrapper{
+
            <div class="member" id="member-kai">    <div class="member-name"><h5>Kai Kang</h5></div>    </div>
-
position:relative;
+
            <div class="member" id="member-kaifeng"> <div class="member-name"><h5>Kaifeng Chen</h5></div>    </div>
-
width: 980px;
+
            <div class="member" id="member-chao">    <div class="member-name"><h5>Chao Xu</h5></div>    </div>
-
height:auto;
+
            <div class="member" id="member-litong">  <div class="member-name"><h5>Litong Jiang</h5></div>    </div>
-
margin: 30px auto;
+
            <div class="member" id="member-kaishuai"><div class="member-name"><h5>Kaishuai Yang</h5></div>   </div>
-
margin-bottom:20px;
+
            <div class="member" id="member-sen">    <div class="member-name"><h5>Sen Jiang</h5></div>    </div>
-
        /* background:green;
+
            <div class="member" id="member-qi">      <div class="member-name"><h5>Qi Hu</h5></div>    </div>
-
      border:2px solid red;*/
+
           
-
  }
+
          
-
 
+
            <!-- team logo -->
-
  #globalheader{
+
            <div id="slogon"></div>
-
width: 980px;
+
        </div>
-
height:auto;
+
     </div>
-
margin: 12px auto;
+
     <!-- end of members' thumbnails -->
-
margin-bottom:2px;
+
   
-
padding: 0px;
+
    <!-- members' details -->
-
font-family: Optima,"Courier New",Courier, "Andale Mono", Monaco ;
+
    <div id="member_details_wrapper">
-
background: url(../images/header-background.png) repeat; /* for IE:not recognize rgba()*/
+
         <div class="member_details" id="member-kai-details">
-
background-color:rgba(0, 0, 0, 0.35) ;
+
            <div class="detail_close"></div>
-
position:relative;
+
            <div class="details_member_name">
-
color: white;
+
                <p class="h1">Kai Kang</p>
-
  background:#202020;/*for one of the choices*/
+
            </div>
-
    }
+
            <div class="member_photo" id="photo_kai"></div>
-
+
            <div class="resume">
-
#logo{
+
                <p>Kai Kang, the team leader, is a senior undergraduate majoring in Optics at USTC. As the team leader, he participates in every major part of the project, from software programming to GUI design, from wiki development to human practice. </p>
-
        font-size: 1.6em;
+
                <p>At school, he works at Key Laboratory of Quantum Information, CAS doing student researching. His researching interests include Optics and Optical sciences, Applied Physics, Computer vision and image processing. For more information, please visit <a href="http://home.ustc.edu.cn/~kangk">his home page</a>.</p>
-
    position:relative;
+
            </div>
-
float: left;
+
         </div>
-
margin-top: 20px;
+
         <div class="member_details" id="member-kaifeng-details">
-
margin-left:60px;
+
            <div class="detail_close"></div>
-
text-decoration: none;
+
            <div class="details_member_name">
-
color:#bcbcbc;
+
                <p class="h1">Kaifeng Chen</p>
-
font-style: normal;
+
            </div>
-
width:500px;
+
            <div class="member_photo" id="photo_kaifeng"> </div>
-
    height:70px;
+
            <div class="resume">
-
  /* background:green;*/
+
                <p>Kaifeng Chen is a senior undergraduate from the School of the Gifted Young(SGY) in USTC, and ranks No.1 among those who major in Physics in SGY. As a member of USTC-Software, he participates in software development and together with Chao Xu, builds Regulon Lib, an Clotho app for finding possible regulatory relations in Regulon DB.</p>
-
    }
+
                <p>At school, he works at Key Laboratory of Basic Plasma Physics, CAS & USTC, doing researches about classical SH model and Fokker-Planck equation. For more information, visit <a href="http://home.ustc.edu.cn/~ckfeng">his home page</a>.</p>
-
 
+
            </div>
-
 
+
        </div>
-
/*---the begin of head menu wrapper css-----*/
+
        <div class="member_details" id="member-chao-details">
-
#wrap_header_menu {
+
            <div class="detail_close"></div>
-
margin-top:12px;
+
            <div class="details_member_name">
-
margin-bottom:10px;
+
                <p class="h1">Chao Xu</p>
-
margin-left:50px;
+
            </div>
-
width:900px;
+
            <div class="member_photo" id="photo_chao"></div>
-
height:25px;
+
            <div class="resume">
-
padding-bottom:18px;
+
                <p>Chao Xu is a sophomore undergraduate in USTC. When he joined the USTC-Software last winter, he was only a freshmen, but immediately showed his ability and talents in coding and software development. He participates in software development, and builds a Clotho app with Kaifeng Chen. He is also good at image and video editing, and helps edit videos and photos.</p>
-
        }
+
                <p>Although only a sophomore, he has decided to join the Kay Laboratory of Quantum Information, CAS to do some researches. The road ahead is hard and long, but he is following his dreams.</p>
-
.header_menu a {
+
            </div>
-
text-decoration:none;
+
         </div>
-
color:#666;
+
         <div class="member_details" id="member-litong-details">
-
  text-shadow: 0 1px 0px #000,0 2px 0px #111;
+
            <div class="detail_close"></div>
-
         }
+
            <div class="details_member_name">
-
.header_menu ul{  
+
                <p class="h1">Litong Jiang</p>
-
list-style:none;
+
            </div>
-
padding-top:2px;
+
            <div class="member_photo" id="photo_litong"> </div>
-
        }
+
            <div class="resume">
-
.header_menu li,.header_menu li:hover,.header_menu li:active {
+
                <p>A junior student in USTC, Litong Jiang majors in theoretical physics. She participated in wiki development and, together with Yunlong Zheng, did significant work in human practice. She enjoys working with her teammates and learns a lot form them. All these experiences will help her in the future study and researches.</p>
-
position:relative;
+
                <p>Unlike many girls, Litong chose theoretical physics as her major, and hopes to have some contribution in the area.</p>
-
float: left;
+
            </div>
-
font-size:15px;
+
        </div>
-
font-family:Arial, Helvetica, sans-serif;
+
        <div class="member_details" id="member-kaishuai-details">
-
font-style:normal;
+
            <div class="detail_close"></div>
-
display: block;
+
            <div class="details_member_name">
-
text-align:center;
+
                <p class="h1">Kaishuai Yang</p>
-
letter-spacing:0.1em;
+
            </div>
-
 
+
            <div class="member_photo" id="photo_kaishuai"></div>
-
color:#fff;
+
            <div class="resume">
-
margin-right:9px;
+
                <p>Kaishuai Yang is now a second-year postgraduate in the<a href="http://theory.issp.ac.cn/index.html"> Research Laboratory for Computational Materials Sciences</a>, <a href="http://www.issp.cas.cn/">Institute of Solid State Physics</a>, <a href="http://www.cas.cn/">CAS</a> and studied in USTC for his first year. Kaishuai is a really hard-working guy and spent significant time learning web development. He spent the whole summer in USTC helping the team build the wiki site, and the team's final wiki is mainly based upon his work.</p>
-
border-radius:4px;
+
                <p>At present, he is studying at the Institute of Solid State Physics, CAS in Hefei and doing computational materials research there. For more information, just visit <a href="http://home.ustc.edu.cn/~yks1987/">his home page</a>.</p>
-
-moz-border-radius: 4px;
+
            </div>
-
-webkit-border-radius: 4px;
+
         </div>
-
+
         <div class="member_details" id="member-sen-details">
-
padding:5px 12px;
+
            <div class="detail_close"></div>
-
-moz-border-radius-topleft  : 0px;
+
            <div class="details_member_name">
-
-moz-border-radius-topright : 14px;
+
                <p class="h1">Sen Jiang</p>
-
-moz-border-radius-bottomleft : 14px;
+
            </div>
-
-moz-border-radius-bottomright : 0px;
+
            <div class="member_photo" id="photo_sen"></div>
-
-webkit-border-top-left-radius: 0px;
+
            <div class="resume">
-
-webkit-border-top-right-radius: 14px;
+
                <p>Sen Jiang, also know as JayXon, is a senior student in USTC. He is in charge of the GUI development of the project. In his spare time, he enjoys coding and has written many open-source softwares. With his experience of software development, the USTC-Software team is confident to build software with both performance and beauty.</p>
-
-webkit-border-bottom-left-radius: 14px;
+
                <p>He is running a website to share some of his softwares. Definitely check <a href="http://www.jayxon.com">this</a> out.</p>
-
-webkit-border-bottom-right-radius: 0px;
+
            </div>
-
+
        </div>
-
background:#161616;
+
        <div class="member_details" id="member-qi-details">
-
border-bottom:1px solid #333;
+
            <div class="detail_close"></div>
-
border-left:1px solid #000;
+
            <div class="details_member_name">
-
border-right:1px solid #333;
+
                <p class="h1">Qi Hu</p>
-
border-top:1px solid #000;
+
            </div>
-
cursor:pointer;
+
            <div class="member_photo" id="photo_qi"></div>
-
/*text-transform:uppercase;*/
+
            <div class="resume">
-
      }
+
                <p>Qi Hu is a second-year postgraduate student in USTC. He is good at image and video editing and works in the promotion part of the team. He edited the <a href="https://2012.igem.org/Team:USTC-Software/hp.html#hp_intro">human practice video</a> and helped design posters, wiki and T-shirts.</p>
-
+
                <p>He majors in Automation and now works under the guidance of <a href="http://staff.ustc.edu.cn/~xuems">Dr. Meishen Xue</a>. His research interests are in the wireless sensors network design, optimization of control and neural network. Go to <a href="http://home.ustc.edu.cn/~huqi100">his website</a> for more information.</p>
-
.header_menu a:hover {
+
            </div>
-
  text-decoration:none;
+
        </div>
-
color:#010101;
+
        </div>
-
text-shadow: 0 1px 0px #333333;
+
    </div>
-
}    
+
       
-
 
+
    </div>
-
.header_menu li:active{
+
   
-
border-top:1px solid #333;
+
    <div id="thanks"></div>
-
border-right:1px solid #000;
+
    <div id="links"></div>
-
border-left:1px solid #333;
+
</body>
-
border-bottom:1px solid #000;
+
</html>
-
padding:5px 12px;
+
-
}
+
-
 
+
-
li:after, li:before {
+
-
-moz-transition:width 0.5s ease 0s;
+
-
height: 0px;
+
-
    width: 0px;
+
-
    position: absolute;
+
-
    content: ' ';
+
-
    display: block;
+
-
    opacity:0;
+
-
box-shadow: 0px 0px 5px #00c6ff;
+
-
top: 32px;
+
-
         }
+
-
li:after {
+
-
background: -moz-linear-gradient(left, #0ad, #08b);
+
-
left: 10px;
+
-
      }
+
-
li:before {
+
-
background: -moz-linear-gradient(right, #0ad, #08b); 
+
-
right:2px;
+
-
    }
+
-
li:hover:after,li:hover:before{
+
-
     width: 51%;
+
-
height: 1px;
+
-
     opacity:1;
+
-
    }
+
-
 
+
-
li:active:after,li:active:before{
+
-
    width: 51%;
+
-
height: 1px;
+
-
    opacity:1;
+
-
    }
+
-
li:active:after{left: 12px;}
+
-
li:active:before{right:0px;}
+
-
/*---the end of head menu wrapper css-----*/
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*---the begin of head-text shade-shadow css-----*/
+
-
.shade-shadow{
+
-
         font-size:58px;font-weight: bold;color:#333; /*#487a1b*/line-height:48px;
+
-
        background:#888 -webkit-linear-gradient(-15deg,#080808 5%,rgba(255,255,255,.7),
+
-
rgba(255,255,255,.9),rgba(255,255,255,.7),#222 10%) no-repeat;
+
-
        -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.6));
+
-
        -webkit-background-clip:text;
+
-
         -webkit-text-fill-color:transparent;
+
-
         -webkit-animation:cliptexttop 3s linear infinite;
+
-
        text-transform:uppercase;
+
-
              }
+
-
@-webkit-keyframes cliptexttop{
+
-
        0%{background-position:left 0;}
+
-
        100%{background-position:1000px 0;}}
+
-
/*---the end of head-text shade-shadow css-----*/
+
-
+
-
+
-
.unselectable {
+
-
          -moz-user-select: -moz-none;
+
-
          -khtml-user-select: none;
+
-
          -webkit-user-select: none;
+
-
          -o-user-select: none;
+
-
          user-select: none;
+
-
                  }/*for the function as the text can't be selectabled */
+
-
+
-
+
-
 
+
-
/*the begin of to header-text css*/
+
-
#head_text {
+
-
  letter-spacing: -1px;
+
-
      text-shadow: 1px 1px 0 gray;
+
-
      display: block;
+
-
      cursor: pointer;
+
-
      -webkit-transition: all 0.5s ease .03s;
+
-
      -moz-transition: all 0.5s ease .03s;
+
-
      -o-transition: all 0.5s ease .03s;
+
-
      transition: all 0.5s ease .03s;
+
-
    }
+
-
    #head_text:hover {
+
-
         letter-spacing: 1px;
+
-
         -webkit-transform:  scale(1.03) translateX(12px);
+
-
-moz-transform:  scale(1.03) translateX(12px);
+
-
-o-transform:  scale(1.03) translateX(12px);
+
-
        transform:scale(1.03);
+
-
    }/*the end of to header-text css*/
+
-
+
-
+
-
+
-
/*the begin of clock-igem css*/
+
-
#wrapper_of_clock{
+
-
position: absolute;
+
-
height:140px;
+
-
width:140px;
+
-
top:2px;
+
-
right:28px;
+
-
/*border:1px red solid;
+
-
background:rgba(2,22,0 .04); */
+
-
    }
+
-
      .clock {
+
-
          height: 140px;
+
-
  width: 140px; 
+
-
          position: absolute;
+
-
  z-index:12;  
+
-
          }
+
-
          .clock_bg {
+
-
  position: absolute;
+
-
      right:30px;
+
-
      top:30px;
+
-
      width: 80px;
+
-
      height: 80px;
+
-
  z-index: 5;
+
-
  background-image: url('https://static.igem.org/mediawiki/2012/b/b9/IGEM-USTC-logo-80.png');
+
-
            }/*the end of clock-igem css*/
+
-
+
-
 
+
-
 
+
-
/*the begin of to top css*/
+
-
  #topBar {
+
-
      position: fixed;
+
-
      right: 100px;
+
-
      bottom:32px;
+
-
      z-index: 20;
+
-
    }
+
-
  #topBar div {
+
-
      background: url('https://static.igem.org/mediawiki/2012/4/4d/Top-black-arrow.png');
+
-
      display: block;
+
-
      height: 53px;
+
-
  width: 53px;
+
-
      overflow: hidden;
+
-
      text-indent: -9999px;
+
-
      cursor: pointer;
+
-
      -webkit-transition: all 0.5s ease .03s;
+
-
      -moz-transition: all 0.5s ease .03s;
+
-
      -o-transition: all 0.5s ease .03s;
+
-
      transition: all 0.5s ease .03s;
+
-
    }
+
-
    #topBar div:hover {
+
-
background: url('https://static.igem.org/mediawiki/2012/f/f8/Gray-top-arrow.png');
+
-
         -moz-transform: scale(1.08);
+
-
         -webkit-transform:  scale(1.08);
+
-
        -o-transform:scale(1.08);
+
-
        transform:scale(1.08);
+
-
    }/**************************the end of to top 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: 530px;
+
-
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 */
+
-
div.wrap_ps-box span.wrap_ps-close {
+
-
position: absolute;top: -13px;right: -13px;width: 35px;height: 35px;
+
-
background: url(../images/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********************/
+

Latest revision as of 14:06, 26 September 2012

global_header

igem
USTC-Software Team
Kai Kang
Kaifeng Chen
Chao Xu
Litong Jiang
Kaishuai Yang
Sen Jiang
Qi Hu

Kai Kang

Kai Kang, the team leader, is a senior undergraduate majoring in Optics at USTC. As the team leader, he participates in every major part of the project, from software programming to GUI design, from wiki development to human practice.

At school, he works at Key Laboratory of Quantum Information, CAS doing student researching. His researching interests include Optics and Optical sciences, Applied Physics, Computer vision and image processing. For more information, please visit his home page.

Kaifeng Chen

Kaifeng Chen is a senior undergraduate from the School of the Gifted Young(SGY) in USTC, and ranks No.1 among those who major in Physics in SGY. As a member of USTC-Software, he participates in software development and together with Chao Xu, builds Regulon Lib, an Clotho app for finding possible regulatory relations in Regulon DB.

At school, he works at Key Laboratory of Basic Plasma Physics, CAS & USTC, doing researches about classical SH model and Fokker-Planck equation. For more information, visit his home page.

Chao Xu

Chao Xu is a sophomore undergraduate in USTC. When he joined the USTC-Software last winter, he was only a freshmen, but immediately showed his ability and talents in coding and software development. He participates in software development, and builds a Clotho app with Kaifeng Chen. He is also good at image and video editing, and helps edit videos and photos.

Although only a sophomore, he has decided to join the Kay Laboratory of Quantum Information, CAS to do some researches. The road ahead is hard and long, but he is following his dreams.

Litong Jiang

A junior student in USTC, Litong Jiang majors in theoretical physics. She participated in wiki development and, together with Yunlong Zheng, did significant work in human practice. She enjoys working with her teammates and learns a lot form them. All these experiences will help her in the future study and researches.

Unlike many girls, Litong chose theoretical physics as her major, and hopes to have some contribution in the area.

Kaishuai Yang

Kaishuai Yang is now a second-year postgraduate in the Research Laboratory for Computational Materials Sciences, Institute of Solid State Physics, CAS and studied in USTC for his first year. Kaishuai is a really hard-working guy and spent significant time learning web development. He spent the whole summer in USTC helping the team build the wiki site, and the team's final wiki is mainly based upon his work.

At present, he is studying at the Institute of Solid State Physics, CAS in Hefei and doing computational materials research there. For more information, just visit his home page.

Sen Jiang

Sen Jiang, also know as JayXon, is a senior student in USTC. He is in charge of the GUI development of the project. In his spare time, he enjoys coding and has written many open-source softwares. With his experience of software development, the USTC-Software team is confident to build software with both performance and beauty.

He is running a website to share some of his softwares. Definitely check this out.

Qi Hu

Qi Hu is a second-year postgraduate student in USTC. He is good at image and video editing and works in the promotion part of the team. He edited the human practice video and helped design posters, wiki and T-shirts.

He majors in Automation and now works under the guidance of Dr. Meishen Xue. His research interests are in the wireless sensors network design, optimization of control and neural network. Go to his website for more information.

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