Team:USTC-Software/team
From 2012.igem.org
(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...") |
|||
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*/ | ||
+ | |||
+ | |||
Line 65: | Line 69: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | width: | + | 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; | ||
border-style:solid; | border-style:solid; | ||
- | border-width:1px; | + | border-width:1px; */ |
} | } | ||
+ | |||
+ | |||
+ | |||
#wrap_left_column,#wrap_right_column{ | #wrap_left_column,#wrap_right_column{ | ||
position:relative; | position:relative; | ||
- | margin-bottom: | + | float:left; |
- | width: | + | margin-right:45px; |
- | height: | + | margin-bottom:30px; |
- | + | width:230px; | |
- | background-color: | + | height:215px; |
- | border-color: | + | /* |
+ | background-color:green; | ||
+ | border-color:yellow; | ||
border-style:solid; | border-style:solid; | ||
- | border-width:1px; | + | border-width:1px; */ |
} | } | ||
+ | |||
+ | |||
#wrap_right_column{ | #wrap_right_column{ | ||
float:right; | float:right; | ||
- | + | margin-right:0px; | |
- | + | ||
- | + | ||
- | margin- | + | |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.circle_shadow { | .circle_shadow { | ||
- | padding:3px | + | 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: | + | line-height:1em; |
text-decoration:none; | text-decoration:none; | ||
- | font-size: | + | font-size:12px; |
color:#fff; | color:#fff; | ||
background:#636466; | background:#636466; | ||
Line 146: | Line 124: | ||
color: #BBBDC0; | color: #BBBDC0; | ||
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
- | font-size: | + | font-size: 12px; |
- | line-height: | + | line-height: 1em; |
text-decoration:none; | text-decoration:none; | ||
- | margin: | + | margin:0px |
} | } | ||
Line 165: | Line 143: | ||
#wrap_cirle_left,#wrap_cirle_right{ | #wrap_cirle_left,#wrap_cirle_right{ | ||
position:relative; | position:relative; | ||
- | width: | + | width:150px; |
height:auto; | height:auto; | ||
- | + | ||
background-image:url(#); | background-image:url(#); | ||
text-align:center; | text-align:center; | ||
- | margin | + | margin:3px auto; |
- | + | ; | |
} | } | ||
#wrap_cirle_right{ | #wrap_cirle_right{ | ||
Line 178: | Line 156: | ||
}/*the end of our team number introduction css*/ | }/*the end of our team number introduction css*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* 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 171: | ||
/*the text content style*/ | /*the text content style*/ | ||
- | div.wrap_ps-box h3 {font-size: | + | 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: | + | 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 307: | Line 245: | ||
<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=" | + | <img src="https://static.igem.org/mediawiki/2012/9/98/Yksh.jpg" 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 328: | Line 267: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
- | <div class=" | + | |
- | + | <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="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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----> | </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="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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"> | ||
- | + | ||
- | + | <span rel="#right-box-ps" class="wrap_ps-link"> | |
- | < | + | |
- | + | <div class="wrap_photo_left"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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 right | + | </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 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="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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----> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </div><!---end of wrap | + | |
- | <div | + | |
- | + | <div id="wrap_left_column"> | |
- | + | ||
- | + | <span rel="#left-box-ps" class="wrap_ps-link"> | |
- | + | ||
+ | <div class="wrap_photo_left"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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"> | ||
- | + | ||
- | + | <span rel="#right-box-ps" class="wrap_ps-link"> | |
- | < | + | |
- | + | <div class="wrap_photo_left"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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 right | + | </div><!---end of wrap right column1----> |
+ | |||
+ | <!-------------------the end of team mumber 2 cirle- including popup----------------------> | ||
- | <div class=" | + | |
- | + | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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=" | + | </span><!--the left popup-box------> |
- | <img src=" | + | |
- | + | </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="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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><!---end of wrap left column----> | + | </span><!--the left popup-box------> |
+ | |||
+ | </div><!---end of wrap left column 2----> | ||
+ | |||
+ | |||
+ | |||
- | <div id="wrap_right_column | + | <div id="wrap_right_column"> |
- | + | ||
- | + | <span rel="#right-box-ps" class="wrap_ps-link"> | |
- | < | + | |
- | + | <div class="wrap_photo_left"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/d/d0/Dyks.jpg" 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 right | + | </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 514: | ||
</div><!-----the end of page_wrap div----> | </div><!-----the end of page_wrap div----> | ||
- | |||
- | |||
Revision as of 04:41, 4 August 2012
Science is organized knowledge. Wisdom is organized life.Making excellence a habit.
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.cnAbout Me
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.
Contact info: E-mail:....@mail.ustc.edu.cnHi! 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
Hi! i'm Kaishuai Yang
Editing wiki
Hi! i'm Kaishuai Yang
Editing wiki