Template:CSS/team

From 2014.igem.org

(Difference between revisions)
 
(245 intermediate revisions not shown)
Line 3: Line 3:
.container_team{
.container_team{
-
width:1349px;
+
width:100%;
-
height:2800px;
+
height:3600px;
-
background-image: url(https://static.igem.org/mediawiki/2014/8/89/Newbackground.png);
+
background-image: url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png);
position:absolute;
position:absolute;
top:-10px;
top:-10px;
Line 14: Line 14:
.grouppic{
.grouppic{
-
width:100%;
+
width:920px;
-
height:500px;
+
height:360px;
position:absolute;
position:absolute;
-
top:96px;
+
top:120px;
-
left:0px;
+
left:220px;
-
background-color:#b8435b;
+
background-image:url(https://static.igem.org/mediawiki/2014/1/1b/Grouppic_iitd.jpg);
 +
border-radius:10px;
 +
 
}
}
Line 159: Line 161:
height:25px;
height:25px;
}
}
 +
 +
 +
.coordinator{
 +
position:absolute;
 +
top:550px;
 +
left:100px;
 +
width:1200px;
 +
 +
}
 +
.coordinator p{
 +
font-size:20px;
 +
font-weight:800;
 +
}
 +
Line 175: Line 191:
top:690px;
top:690px;
left:520px;
left:520px;
-
width:500px;
+
width:300px;
height:250px;
height:250px;
border-radius:10px;
border-radius:10px;
Line 196: Line 212:
position:absolute;
position:absolute;
top:975px;
top:975px;
-
left:100px;
+
left:90px;
width:300px;
width:300px;
height:250px;
height:250px;
Line 205: Line 221:
position:absolute;
position:absolute;
top:1025px;
top:1025px;
-
left:120px;
+
left:110px;
-
width:500px;
+
width:300px;
height:250px;
height:250px;
border-radius:10px;
border-radius:10px;
Line 235: Line 251:
top:1025px;
top:1025px;
left:520px;
left:520px;
-
width:500px;
+
width:300px;
height:250px;
height:250px;
border-radius:10px;
border-radius:10px;
Line 257: Line 273:
position:absolute;
position:absolute;
top:975px;
top:975px;
-
left:900px;
+
left:910px;
width:300px;
width:300px;
height:250px;
height:250px;
Line 266: Line 282:
position:absolute;
position:absolute;
top:1025px;
top:1025px;
-
left:920px;
+
left:930px;
-
width:500px;
+
width:300px;
height:250px;
height:250px;
border-radius:10px;
border-radius:10px;
Line 285: Line 301:
/*=======================================*/
/*=======================================*/
 +
 +
 +
/*=======================================*/
 +
.outerrect{
 +
position:absolute;
 +
top:640px;
 +
left:500px;
 +
width:300px;
 +
height:250px;
 +
background-color:grey;
 +
border-radius:30px;
 +
}
 +
.testing{
 +
position:absolute;
 +
top:690px;
 +
left:520px;
 +
width:300px;
 +
height:250px;
 +
border-radius:10px;
 +
z-index:52;
 +
}
 +
 +
.textblock{
 +
position:absolute;
 +
background-image:url(https://static.igem.org/mediawiki/2014/5/57/Textbackground.jpg);
 +
top:120px;
 +
left:0px;
 +
width:300px;
 +
height:140px;
 +
border:solid thin black;
 +
border-radius:0px 0px 30px 30px;
 +
}
 +
 +
 +
.team_iitd{
 +
position:absolute;
 +
top:1260px;
 +
left:100px;
 +
width:1200px;
 +
 +
}
 +
.team_iitd p{
 +
font-size:20px;
 +
font-weight:800;
 +
}
 +
/*==========Member1==============================================*/
 +
 +
 +
 +
.member1{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1360px;
 +
left:90px;
 +
}
 +
 +
 +
.member2{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1360px;
 +
left:400px;
 +
 +
}
 +
 +
.member3{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1360px;
 +
left:700px;
 +
}
 +
 +
 +
.member4{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1360px;
 +
left:1000px;
 +
}
 +
 +
 +
.member5{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1700px;
 +
left:90px;
 +
}
 +
 +
 +
.member6{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1700px;
 +
left:400px;
 +
}
 +
 +
.member7{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1700px;
 +
left:700px;
 +
}
 +
 +
 +
.member8{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:1700px;
 +
left:1000px;
 +
}
 +
 +
.member9{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2040px;
 +
left:90px;
 +
}
 +
 +
 +
.member10{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2040px;
 +
left:400px;
 +
}
 +
 +
.member11{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2040px;
 +
left:700px;
 +
}
 +
 +
 +
.member12{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2040px;
 +
left:1000px;
 +
}
 +
 +
.member13{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2380px;
 +
left:90px;
 +
}
 +
 +
 +
.member14{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2380px;
 +
left:400px;
 +
}
 +
 +
.member15{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2380px;
 +
left:700px;
 +
}
 +
 +
 +
.member16{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2380px;
 +
left:1000px;
 +
}
 +
 +
 +
.phd_iitd{
 +
position:absolute;
 +
top:2750px;
 +
left:100px;
 +
width:1200px;
 +
 +
}
 +
.phd_iitd p{
 +
font-size:20px;
 +
font-weight:800;
 +
}
 +
 +
.member17{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2820px;
 +
left:350px;
 +
}
 +
 +
.member18{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2820px;
 +
left:550px;
 +
}
 +
 +
.member19{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:2820px;
 +
left:700px;
 +
}
 +
 +
 +
 +
 +
/*========================================================*/
 +
 +
.memberprofilepic{
 +
width:200px;
 +
height:200px;
 +
position:absolute;
 +
top:0px;
 +
left:25px;
 +
float:left;
 +
overflow:hidden;
 +
cursor:pointer;
 +
z-index:12;
 +
}
 +
 +
.memberimage{
 +
width:100px;
 +
height:100px;
 +
border-radius:100px;
 +
display:block;
 +
margin:auto auto;
 +
border:solid thin grey;
 +
 +
  -webkit-transition: all .2s ease;
 +
    -moz-transition: all .2s ease;
 +
      -o-transition: all .2s ease;
 +
      -ms-transition: all .2s ease;
 +
          transition: all .2s ease;
 +
}
 +
 +
.memberimage:hover {
 +
height: 200px;
 +
width:200px;
 +
display:block;
 +
margin:auto auto;
 +
   
 +
}
 +
 +
.membertext{
 +
width:250px;
 +
height:300px;
 +
position:absolute;
 +
top:20px;
 +
left:0px;
 +
border:solid thin grey;
 +
border-radius:20px;
 +
z-index:10;
 +
font-family:Open sans, helvetica, Arial;
 +
font-size:14px;
 +
color:black;
 +
font-weight:400;
 +
padding:10px;
 +
/*background-image:url(https://static.igem.org/mediawiki/2014/a/ad/20140725_011606.JPG);
 +
 +
background-image:url(https://static.igem.org/mediawiki/2014/d/da/Text_bg.png);*/
 +
 +
background: -webkit-linear-gradient(white, #dfdddd); /* For Safari 5.1 to 6.0 */
 +
    background: -o-linear-gradient(white, #dfdddd); /* For Opera 11.1 to 12.0 */
 +
    background: -moz-linear-gradient(white, #dfdddd); /* For Firefox 3.6 to 15 */
 +
    background: linear-gradient(white, #dfdddd);
 +
}
 +
 +
Line 291: Line 596:
.videocollection{
.videocollection{
position:absolute;
position:absolute;
-
top:2300px;
+
top:3500px;
left:20px;
left:20px;
width:1300px;
width:1300px;
Line 307: Line 612:
position:absolute;
position:absolute;
top:10px;
top:10px;
-
left:370px;
+
left:400px;
}
}
Line 313: Line 618:
position:absolute;
position:absolute;
top:10px;
top:10px;
-
left:740px;
+
left:800px;
}
}
 +
 +
.prof_phd{
 +
width:100%;
 +
height:220px;
 +
position:absolute;
 +
top:3200px;
 +
left:0px;
 +
border: thin solid grey;
 +
float:left;
 +
display:inline;
 +
background-image:url(https://static.igem.org/mediawiki/2014/b/bd/Instructor_bg.png);
 +
}
 +
 +
.prof_phd_header{
 +
position:absolute;
 +
top:5px;
 +
left:50px;
 +
display:inline;
 +
width:1200px;
 +
 +
 +
}
 +
 +
.prof_phd_header p{
 +
font-family:Open sans, helvetica, Arial;
 +
font-size:16px;
 +
color:black;
 +
font-weight:600;
 +
}
 +
 +
.prof_phd2{
 +
width:70%;
 +
height:120px;
 +
position:absolute;
 +
top:60px;
 +
left:280px;
 +
float:left;
 +
display:inline;
 +
 +
}
 +
.pic1{
 +
width:150px;
 +
height:150px;
 +
position:absolute;
 +
top:-3px;
 +
left:30px;
 +
}
 +
.pic2{
 +
position:absolute;
 +
top:-3px;
 +
left:180px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic3{
 +
position:absolute;
 +
top:-3px;
 +
left:330px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic4{
 +
position:absolute;
 +
top:-3px;
 +
left:480px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
 +
 +
 +
.pic1:hover+.pic2{
 +
-webkit-transition:all 0.3s linear 0s;
 +
transform: translate(150px,0);
 +
    -webkit-transform: translate(150px,0); /** Safari & Chrome **/
 +
    -o-transform: translate(150px,0); /** Opera **/
 +
    -moz-transform: translate(150px,0); /** Firefox **/
 +
}
 +
 +
 +
 +
.pic2:hover+.pic3{
 +
-webkit-transition:all 0.3s linear 0s;
 +
transform: translate(150px,0);
 +
    -webkit-transform: translate(150px,0); /** Safari & Chrome **/
 +
    -o-transform: translate(150px,0); /** Opera **/
 +
    -moz-transform: translate(150px,0); /** Firefox **/
 +
}
 +
 +
 +
 +
 +
.pic3:hover+.pic4{
 +
-webkit-transition:all 0.3s linear 0s;
 +
transform: translate(150px,0);
 +
    -webkit-transform: translate(150px,0); /** Safari & Chrome **/
 +
    -o-transform: translate(150px,0); /** Opera **/
 +
    -moz-transform: translate(150px,0); /** Firefox **/
 +
}
 +
 +
 +
 +
.smallpic{
 +
width:150px;
 +
height:150px;
 +
border-radius:0px;
 +
z-index:52;
 +
border:thin solid grey;
 +
}
 +
 +
.picdescription{
 +
position: absolute;
 +
left:150px;
 +
top:0px;
 +
width:0px;
 +
height:150px;
 +
border-radius:0px;
 +
background-color:red;
 +
-webkit-transition:all 0.3s linear 0s;
 +
z-index:52;
 +
 +
}
 +
 +
.smallpic:hover + .picdescription{
 +
width:150px;
 +
height:150px;
 +
border-radius:0px;
 +
border:thin solid black;
 +
}
 +
 +
 +
.teaminfolink{
 +
position:absolute;
 +
top:3450px;
 +
left:520px;
 +
}
 +
 +
.teaminfolink a{
 +
text-decoration:none;
 +
color:grey;
 +
}
 +
 +
.teaminfolink a p{
 +
font-size:14px;
 +
}
 +
 +
.teaminfolink a:hover{
 +
text-decoration:none;
 +
color:black;
 +
}
 +
 +
.footerbg_team{
 +
position:absolute;
 +
top:3500px;
 +
left:0px;
 +
width:100%;
 +
height:100px;
 +
background-color:#424243;
 +
z-index:2;
 +
background-repeat:no-repeat;
 +
}
 +
 +
.copyright{
 +
position:absolute;
 +
bottom:5px;
 +
left:400px;
 +
}
 +
 +
.copyright a,visited{
 +
color:#a2a1a1;
 +
}
 +
 +
.copyright a:hover{
 +
color:#c7c6c6;
 +
}
 +
 +
.copyright p{
 +
font-size:12px;
 +
color:#807f7f;
 +
font-family:Open sans, Helvetica, Arial;
 +
font-weight:400;
 +
}
 +
 +
.nav2{
 +
position:absolute;
 +
top:10px;
 +
left:280px;
 +
 +
}
 +
.nav2table{
 +
background-color:#424243;
 +
color:#807f7f;
 +
}
 +
.nav2 a,visited{
 +
color:#d6d5d5;
 +
font-size:12px;
 +
text-decoration:none;
 +
padding:10px;
 +
}
 +
 +
.nav2 a:hover{
 +
color:#ffffff;
 +
font-size:12px;
 +
font-weight:500;
 +
text-decoration:none;
 +
padding:10px;
 +
}
 +
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 02:33, 18 October 2014

Retrieved from "http://2014.igem.org/Template:CSS/team"