Team:NYMU-Taipei/team.css
From 2014.igem.org
m |
|||
(43 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
/*team css*/ | /*team css*/ | ||
#team_pic{ | #team_pic{ | ||
- | width: | + | width: 550px; |
- | min-height: | + | min-height: 330px; |
- | + | ||
margin-top: 50px; | margin-top: 50px; | ||
float:right; | float:right; | ||
margin-left: 15px; | margin-left: 15px; | ||
+ | background: url('/wiki/images/9/90/NYMU14_g11.jpg'); | ||
+ | background-size: 130%; | ||
+ | background-position: 50% 5%; | ||
+ | border-radius: 10px; | ||
+ | border: outset 4px rgb(137, 163, 248); | ||
} | } | ||
#team_intro{ | #team_intro{ | ||
- | margin-top: | + | margin-top: 70px; |
- | font-size: | + | font-size: 17px; |
text-align: justify; | text-align: justify; | ||
text-justify: inter-ideograph; | text-justify: inter-ideograph; | ||
+ | } | ||
+ | #team_intro>p{ | ||
+ | width: 1050px; | ||
} | } | ||
.teamframe{ | .teamframe{ | ||
width: 480px; | width: 480px; | ||
- | + | border: 1px solid rgb(100,100,100); | |
- | border: | + | |
display: inline-block; | display: inline-block; | ||
margin-left: 30px; | margin-left: 30px; | ||
margin-top: 35px; | margin-top: 35px; | ||
- | |||
text-align: justify; | text-align: justify; | ||
position:relative; | position:relative; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .teamframe:not(.template2){ | ||
+ | height:300px; | ||
+ | } | ||
+ | .template2{ | ||
+ | height:220px; | ||
+ | } | ||
+ | .teamframe>p{ | ||
+ | width:420px; | ||
+ | margin: 0px 30px 0px 30px; | ||
+ | } | ||
+ | .teamframe:not(.template2)>p{ | ||
+ | font-size:15px; | ||
+ | } | ||
+ | .template2>p{ | ||
+ | font-size:16px; | ||
} | } | ||
.mem_pic1{ | .mem_pic1{ | ||
Line 29: | Line 51: | ||
height: 100px; | height: 100px; | ||
float: left; | float: left; | ||
- | + | box-shadow: 2px 2px 4px 2px rgb(111, 107, 107); | |
margin: 25px 25px 10px 25px; | margin: 25px 25px 10px 25px; | ||
border-radius: 20px; | border-radius: 20px; | ||
} | } | ||
- | .teamframe> | + | .teamframe>h2{ |
- | + | font-size: 25px; | |
- | font- | + | font-family: 'Oleo Script', cursive; |
} | } | ||
.mem_pullbar{ | .mem_pullbar{ | ||
width: 60%; | width: 60%; | ||
height: 30px; | height: 30px; | ||
- | |||
margin: 0 auto; | margin: 0 auto; | ||
position: absolute; | position: absolute; | ||
Line 46: | Line 67: | ||
left: 20%; | left: 20%; | ||
border-radius: 10px 10px 0px 0px; | border-radius: 10px 10px 0px 0px; | ||
+ | z-index: 4; | ||
+ | background-color:rgba(255,255,255,0.55); | ||
+ | } | ||
+ | .triangle{ | ||
+ | margin: 0 auto; | ||
+ | width: 0; | ||
+ | margin-top: 7px; | ||
+ | height: 0; | ||
+ | border-style: solid; | ||
+ | border-width: 0 15px 15px 15px; | ||
+ | border-color: transparent transparent #000000 transparent; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .mem_pic2{ | ||
+ | position: absolute; | ||
+ | width: inherit; | ||
+ | height: 260px; | ||
+ | bottom: -260px; | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | |||
+ | .colorgp1{ | ||
+ | background: linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -moz-linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -webkit-linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -o-linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | } | ||
+ | .colorgp2{ | ||
+ | background: linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -moz-linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -webkit-linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -o-linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | } | ||
+ | .colorgp3{ | ||
+ | background: linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -moz-linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -webkit-linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | background: -o-linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); | ||
+ | } | ||
+ | div#WYF{ | ||
+ | background:url('/wiki/images/d/dc/NYMU2014_team_WYF.jpg'); | ||
+ | } | ||
+ | div#WYF2{ | ||
+ | background:url('/wiki/images/1/16/NYMU2014_team_WYF2.jpg'); | ||
+ | } | ||
+ | div#CYA{ | ||
+ | background:url('/wiki/images/7/7e/NYMU2014_team_CYA.jpg'); | ||
+ | } | ||
+ | div#CYA2{ | ||
+ | background:url('/wiki/images/0/07/NYMU2014_team_CYA2.jpg'); | ||
+ | } | ||
+ | div#WHY{ | ||
+ | background:url('/wiki/images/c/c9/NYMU2014_team_WHY.jpg'); | ||
+ | } | ||
+ | div#WHY2{ | ||
+ | background:url('/wiki/images/9/92/NYMU2014_team_WHY2.jpg'); | ||
+ | } | ||
+ | div#NSY{ | ||
+ | background:url('/wiki/images/c/c2/NYMU2014_team_NSY.jpg'); | ||
+ | } | ||
+ | div#NSY2{ | ||
+ | background:url('/wiki/images/0/07/NYMU2014_team_NSY2.jpg'); | ||
+ | } | ||
+ | div#WCY{ | ||
+ | background:url('/wiki/images/e/e3/NYMU2014_team_WCY.jpg'); | ||
+ | } | ||
+ | div#WCY2{ | ||
+ | background:url('/wiki/images/1/10/NYMU2014_team_WCY2.jpg'); | ||
+ | } | ||
+ | div#HJT{ | ||
+ | background:url('/wiki/images/a/a5/NYMU2014_team_HJT.jpg'); | ||
+ | } | ||
+ | div#HJT2{ | ||
+ | background:url('/wiki/images/2/21/NYMU2014_team_HJT2.jpg'); | ||
+ | } | ||
+ | div#HCY{ | ||
+ | background:url('/wiki/images/c/ca/NYMU2014_team_HCY.jpg'); | ||
+ | } | ||
+ | div#HCY2{ | ||
+ | background:url('/wiki/images/1/14/NYMU2014_team_HCY2.jpg'); | ||
+ | } | ||
+ | div#EP{ | ||
+ | background:url('/wiki/images/c/c9/NYMU2014_team_evonne.jpg'); | ||
+ | } | ||
+ | div#EP2{ | ||
+ | background:url('/wiki/images/3/31/NYMU2014_team_evonne2.jpg'); | ||
+ | } | ||
+ | div#CKJ{ | ||
+ | background:url('/wiki/images/5/5a/NYMU2014_team_CKJ.jpg'); | ||
+ | } | ||
+ | div#CKJ2{ | ||
+ | background:url('/wiki/images/b/bb/NYMU2014_team_CKJ2.jpg'); | ||
+ | } | ||
+ | div#TYC{ | ||
+ | background:url('/wiki/images/6/6b/NYMU2014_team_TYC.jpg'); | ||
+ | } | ||
+ | div#TYC2{ | ||
+ | background:url('/wiki/images/7/75/NYMU2014_team_TYC2.jpg'); | ||
+ | } | ||
+ | div#YHH{ | ||
+ | background:url('/wiki/images/1/10/NYMU2014_team_YHH.jpg'); | ||
+ | } | ||
+ | div#YHH2{ | ||
+ | background:url('/wiki/images/7/72/NYMU2014_team_YHH2.jpg'); | ||
+ | } | ||
+ | div#CKJ_{ | ||
+ | background:url('/wiki/images/a/a5/NYMU2014_team_CKJ_.jpg'); | ||
+ | } | ||
+ | div#CKJ_2{ | ||
+ | background:url('/wiki/images/e/e0/NYMU2014_team_CKJ_2.jpg'); | ||
+ | } | ||
+ | div#CHW{ | ||
+ | background:url('/wiki/images/1/13/NYMU2014_team_CHW.jpg'); | ||
+ | } | ||
+ | div#CHW2{ | ||
+ | background:url('/wiki/images/1/1a/NYMU2014_team_CHW2.jpg'); | ||
+ | } | ||
+ | div#LY{ | ||
+ | background:url('/wiki/images/d/d8/NYMU2014_team_leon.jpg'); | ||
+ | } | ||
+ | div#LY2{ | ||
+ | background:url('/wiki/images/a/ad/NYMU2014_team_leon2.jpg'); | ||
+ | } | ||
+ | div#CWT{ | ||
+ | background:url('/wiki/images/c/c2/Weitai.jpg'); | ||
+ | } | ||
+ | div#CWT2{ | ||
+ | background:url('/wiki/images/1/17/NYMU14_weitai2.jpg'); | ||
+ | } | ||
+ | div#WWX{ | ||
+ | background:url('/wiki/images/d/dc/NYMU14_weixin.jpg'); | ||
+ | } | ||
+ | div#WWX2{ | ||
+ | background:url('/wiki/images/2/24/NYMU14_weixin2.jpg'); | ||
+ | } | ||
+ | div#YPS{ | ||
+ | background:url('/wiki/images/e/ef/NYMU14_peishan.jpg'); | ||
+ | } | ||
+ | div#YPS2{ | ||
+ | background:url('/wiki/images/3/3a/NYMU14_peishan2.jpg'); | ||
+ | } | ||
+ | div#PJH{ | ||
+ | background:url('/wiki/images/1/17/NYMU14_reihuei.jpg'); | ||
+ | } | ||
+ | div#PJH2{ | ||
+ | background:url('/wiki/images/8/86/NYMU14_reihuei2.jpg'); | ||
+ | } | ||
+ | div#KDG{ | ||
+ | background:url('/wiki/images/a/ad/NYMU2014_team_kidane.jpg'); | ||
+ | } | ||
+ | div#KDG2{ | ||
+ | background:url('/wiki/images/4/4f/NYMU2014_team_kidane2.jpg'); | ||
+ | } | ||
+ | div#CCH{ | ||
+ | background:url('/wiki/images/a/a4/Nymuchc.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#LWC{ | ||
+ | background:url('/wiki/images/9/9b/WCL_igem.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#CCF{ | ||
+ | background:url('/wiki/images/4/42/Nymu_jchang.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#YCH{ | ||
+ | background:url('/wiki/images/8/8f/CHY.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#JW{ | ||
+ | background:url('/wiki/images/6/63/NYMU_Jesse.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#JC{ | ||
+ | background:url('/wiki/images/f/f0/NYMU_Jude.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#CYJL{ | ||
+ | background:url('/wiki/images/b/be/Nymu_lisa.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#WCCR{ | ||
+ | background:url('/wiki/images/e/e7/Nymu_Roy.jpg') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#STY{ | ||
+ | background:url('/wiki/images/e/e1/STY_iGEM_2013.png') no-repeat; | ||
+ | background-position:center; | ||
+ | } | ||
+ | div#LYC{ | ||
+ | background:url('/wiki/images/c/cc/YCL_s.jpg') no-repeat; | ||
+ | background-position:center; | ||
} | } | ||
/**/ | /**/ |
Latest revision as of 07:50, 11 October 2014
/*team css*/
- team_pic{
width: 550px; min-height: 330px; margin-top: 50px; float:right; margin-left: 15px; background: url('/wiki/images/9/90/NYMU14_g11.jpg'); background-size: 130%; background-position: 50% 5%; border-radius: 10px; border: outset 4px rgb(137, 163, 248);
}
- team_intro{
margin-top: 70px; font-size: 17px; text-align: justify; text-justify: inter-ideograph;
}
- team_intro>p{
width: 1050px;
} .teamframe{
width: 480px; border: 1px solid rgb(100,100,100); display: inline-block; margin-left: 30px; margin-top: 35px; text-align: justify; position:relative; overflow:hidden;
} .teamframe:not(.template2){
height:300px;
} .template2{
height:220px;
} .teamframe>p{
width:420px; margin: 0px 30px 0px 30px;
} .teamframe:not(.template2)>p{
font-size:15px;
} .template2>p{
font-size:16px;
} .mem_pic1{
width: 100px; height: 100px; float: left; box-shadow: 2px 2px 4px 2px rgb(111, 107, 107); margin: 25px 25px 10px 25px; border-radius: 20px;
} .teamframe>h2{
font-size: 25px; font-family: 'Oleo Script', cursive;
} .mem_pullbar{
width: 60%; height: 30px; margin: 0 auto; position: absolute; bottom: 0; left: 20%; border-radius: 10px 10px 0px 0px; z-index: 4; background-color:rgba(255,255,255,0.55);
} .triangle{
margin: 0 auto; width: 0; margin-top: 7px; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #000000 transparent; border-radius: 5px;
} .mem_pic2{
position: absolute; width: inherit; height: 260px; bottom: -260px; opacity:0.5;
}
.colorgp1{
background: linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -moz-linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -webkit-linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -o-linear-gradient(119deg, rgba(226, 145, 220, 0.9)9%, rgba(255, 255, 255, 0.4)70%);
} .colorgp2{
background: linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -moz-linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -webkit-linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -o-linear-gradient(119deg, rgba(127, 194, 253, 0.9)9%, rgba(255, 255, 255, 0.4)70%);
} .colorgp3{
background: linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -moz-linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -webkit-linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%); background: -o-linear-gradient(119deg, rgba(243, 176, 155, 0.9)9%, rgba(255, 255, 255, 0.4)70%);
} div#WYF{
background:url('/wiki/images/d/dc/NYMU2014_team_WYF.jpg');
} div#WYF2{
background:url('/wiki/images/1/16/NYMU2014_team_WYF2.jpg');
} div#CYA{
background:url('/wiki/images/7/7e/NYMU2014_team_CYA.jpg');
} div#CYA2{
background:url('/wiki/images/0/07/NYMU2014_team_CYA2.jpg');
} div#WHY{
background:url('/wiki/images/c/c9/NYMU2014_team_WHY.jpg');
} div#WHY2{
background:url('/wiki/images/9/92/NYMU2014_team_WHY2.jpg');
} div#NSY{
background:url('/wiki/images/c/c2/NYMU2014_team_NSY.jpg');
} div#NSY2{
background:url('/wiki/images/0/07/NYMU2014_team_NSY2.jpg');
} div#WCY{
background:url('/wiki/images/e/e3/NYMU2014_team_WCY.jpg');
} div#WCY2{
background:url('/wiki/images/1/10/NYMU2014_team_WCY2.jpg');
} div#HJT{
background:url('/wiki/images/a/a5/NYMU2014_team_HJT.jpg');
} div#HJT2{
background:url('/wiki/images/2/21/NYMU2014_team_HJT2.jpg');
} div#HCY{
background:url('/wiki/images/c/ca/NYMU2014_team_HCY.jpg');
} div#HCY2{
background:url('/wiki/images/1/14/NYMU2014_team_HCY2.jpg');
} div#EP{
background:url('/wiki/images/c/c9/NYMU2014_team_evonne.jpg');
} div#EP2{
background:url('/wiki/images/3/31/NYMU2014_team_evonne2.jpg');
} div#CKJ{
background:url('/wiki/images/5/5a/NYMU2014_team_CKJ.jpg');
} div#CKJ2{
background:url('/wiki/images/b/bb/NYMU2014_team_CKJ2.jpg');
} div#TYC{
background:url('/wiki/images/6/6b/NYMU2014_team_TYC.jpg');
} div#TYC2{
background:url('/wiki/images/7/75/NYMU2014_team_TYC2.jpg');
} div#YHH{
background:url('/wiki/images/1/10/NYMU2014_team_YHH.jpg');
} div#YHH2{
background:url('/wiki/images/7/72/NYMU2014_team_YHH2.jpg');
} div#CKJ_{
background:url('/wiki/images/a/a5/NYMU2014_team_CKJ_.jpg');
} div#CKJ_2{
background:url('/wiki/images/e/e0/NYMU2014_team_CKJ_2.jpg');
} div#CHW{
background:url('/wiki/images/1/13/NYMU2014_team_CHW.jpg');
} div#CHW2{
background:url('/wiki/images/1/1a/NYMU2014_team_CHW2.jpg');
} div#LY{
background:url('/wiki/images/d/d8/NYMU2014_team_leon.jpg');
} div#LY2{
background:url('/wiki/images/a/ad/NYMU2014_team_leon2.jpg');
} div#CWT{
background:url('/wiki/images/c/c2/Weitai.jpg');
} div#CWT2{
background:url('/wiki/images/1/17/NYMU14_weitai2.jpg');
} div#WWX{
background:url('/wiki/images/d/dc/NYMU14_weixin.jpg');
} div#WWX2{
background:url('/wiki/images/2/24/NYMU14_weixin2.jpg');
} div#YPS{
background:url('/wiki/images/e/ef/NYMU14_peishan.jpg');
} div#YPS2{
background:url('/wiki/images/3/3a/NYMU14_peishan2.jpg');
} div#PJH{
background:url('/wiki/images/1/17/NYMU14_reihuei.jpg');
} div#PJH2{
background:url('/wiki/images/8/86/NYMU14_reihuei2.jpg');
} div#KDG{
background:url('/wiki/images/a/ad/NYMU2014_team_kidane.jpg');
} div#KDG2{
background:url('/wiki/images/4/4f/NYMU2014_team_kidane2.jpg');
} div#CCH{
background:url('/wiki/images/a/a4/Nymuchc.jpg') no-repeat; background-position:center;
} div#LWC{
background:url('/wiki/images/9/9b/WCL_igem.jpg') no-repeat; background-position:center;
} div#CCF{
background:url('/wiki/images/4/42/Nymu_jchang.jpg') no-repeat; background-position:center;
} div#YCH{
background:url('/wiki/images/8/8f/CHY.jpg') no-repeat; background-position:center;
} div#JW{
background:url('/wiki/images/6/63/NYMU_Jesse.jpg') no-repeat; background-position:center;
} div#JC{
background:url('/wiki/images/f/f0/NYMU_Jude.jpg') no-repeat; background-position:center;
} div#CYJL{
background:url('/wiki/images/b/be/Nymu_lisa.jpg') no-repeat; background-position:center;
} div#WCCR{
background:url('/wiki/images/e/e7/Nymu_Roy.jpg') no-repeat; background-position:center;
} div#STY{
background:url('/wiki/images/e/e1/STY_iGEM_2013.png') no-repeat; background-position:center;
} div#LYC{
background:url('/wiki/images/c/cc/YCL_s.jpg') no-repeat; background-position:center;
} /**/