Team:NYMU-Taipei/team.css

From 2014.igem.org

(Difference between revisions)
m
 
(42 intermediate revisions not shown)
Line 1: Line 1:
/*team css*/
/*team css*/
#team_pic{
#team_pic{
-
     width: 600px;
+
     width: 550px;
-
     min-height: 400px;
+
     min-height: 330px;
-
    background-color: rgb(44, 219, 219);
+
     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: 60px;
+
     margin-top: 70px;
-
     font-size: 16px;
+
     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;
-
    height: 300px;
+
     border: 1px solid rgb(100,100,100);
-
     border: 2px solid;
+
     display: inline-block;
     display: inline-block;
     margin-left: 30px;
     margin-left: 30px;
     margin-top: 35px;
     margin-top: 35px;
-
    float:left;
 
     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;
-
     border: 1px solid;
+
     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>p{
+
.teamframe>h2{
-
     margin: 0px 30px 0px 30px;
+
     font-size: 25px;
-
     font-size: 15px;
+
     font-family: 'Oleo Script', cursive;
}
}
.mem_pullbar{
.mem_pullbar{
     width: 60%;
     width: 60%;
     height: 30px;
     height: 30px;
-
    border: solid 1px;
 
     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{
.mem_pic2{
Line 51: Line 84:
     width: inherit;
     width: inherit;
     height: 260px;
     height: 260px;
-
     bottom: 0;
+
     bottom: -260px;
-
     background-color: rgb(155, 155, 255);
+
    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*/

  1. 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);

}

  1. team_intro{
   margin-top: 70px;
   font-size: 17px;
   text-align: justify;
   text-justify: inter-ideograph;

}

  1. 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;

} /**/