Template:CSS/team
From 2014.igem.org
(Difference between revisions)
(24 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
.container_team{ | .container_team{ | ||
width:100%; | width:100%; | ||
- | height: | + | height:3600px; |
background-image: url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png); | background-image: url(https://static.igem.org/mediawiki/2014/6/6e/Scribblebg_iitd.png); | ||
position:absolute; | position:absolute; | ||
Line 19: | Line 19: | ||
top:120px; | top:120px; | ||
left:220px; | left:220px; | ||
- | background- | + | background-image:url(https://static.igem.org/mediawiki/2014/1/1b/Grouppic_iitd.jpg); |
border-radius:10px; | border-radius:10px; | ||
+ | |||
} | } | ||
Line 505: | Line 506: | ||
position:absolute; | position:absolute; | ||
top:2820px; | top:2820px; | ||
- | left: | + | left:350px; |
} | } | ||
Line 521: | Line 522: | ||
position:absolute; | position:absolute; | ||
top:2820px; | top:2820px; | ||
- | left: | + | left:700px; |
} | } | ||
Line 577: | Line 578: | ||
color:black; | color:black; | ||
font-weight:400; | 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/a/ad/20140725_011606.JPG); | ||
Line 620: | Line 622: | ||
.prof_phd{ | .prof_phd{ | ||
- | width: | + | width:100%; |
- | height: | + | height:220px; |
position:absolute; | position:absolute; | ||
top:3200px; | top:3200px; | ||
- | left: | + | left:0px; |
border: thin solid grey; | border: thin solid grey; | ||
float:left; | float:left; | ||
Line 652: | Line 654: | ||
height:120px; | height:120px; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:60px; |
- | left: | + | left:280px; |
float:left; | float:left; | ||
display:inline; | display:inline; | ||
Line 662: | Line 664: | ||
height:150px; | height:150px; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-3px; |
left:30px; | left:30px; | ||
} | } | ||
.pic2{ | .pic2{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-3px; |
- | left: | + | left:180px; |
width:150px; | width:150px; | ||
height:150px; | height:150px; | ||
Line 675: | Line 677: | ||
.pic3{ | .pic3{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-3px; |
- | left: | + | left:330px; |
width:150px; | width:150px; | ||
height:150px; | height:150px; | ||
Line 683: | Line 685: | ||
.pic4{ | .pic4{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:-3px; |
- | left: | + | left:480px; |
width:150px; | width:150px; | ||
height:150px; | height:150px; | ||
Line 699: | Line 701: | ||
-moz-transform: translate(150px,0); /** Firefox **/ | -moz-transform: translate(150px,0); /** Firefox **/ | ||
} | } | ||
+ | |||
+ | |||
.pic2:hover+.pic3{ | .pic2:hover+.pic3{ | ||
Line 707: | Line 711: | ||
-moz-transform: translate(150px,0); /** Firefox **/ | -moz-transform: translate(150px,0); /** Firefox **/ | ||
} | } | ||
+ | |||
+ | |||
+ | |||
.pic3:hover+.pic4{ | .pic3:hover+.pic4{ | ||
Line 745: | Line 752: | ||
border:thin solid black; | 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; | ||
+ | } | ||
+ | |||
Latest revision as of 02:33, 18 October 2014