From 2014.igem.org
(Difference between revisions)
|
|
| Line 578: |
Line 578: |
| | | | |
| | | | |
| - |
| |
| - | .sponsors_iitd{
| |
| - | width:95%;
| |
| - | height:200px;
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:20px;
| |
| - | border: thin solid grey;
| |
| - | float:left;
| |
| - | display:inline;
| |
| - | }
| |
| - |
| |
| - | .sponsors_iitd2{
| |
| - | width:80%;
| |
| - | height:150px;
| |
| - | position:absolute;
| |
| - | top:40px;
| |
| - | left:100px;
| |
| - | border: thin solid grey;
| |
| - | float:left;
| |
| - | display:inline;
| |
| - |
| |
| - | }
| |
| - | .pic1{
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | }
| |
| - | .pic2{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:150px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic3{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:300px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic4{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:450px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic5{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:600px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic6{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:750px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic7{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:900px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic8{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:1050px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic9{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:1200px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - | .pic10{
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:1350px;
| |
| - | width:150px;
| |
| - | height:150px;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .pic1:hover+.pic2{
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | transform: translate(100px,0);
| |
| - | -webkit-transform: translate(100px,0); /** Safari & Chrome **/
| |
| - | -o-transform: translate(100px,0); /** Opera **/
| |
| - | -moz-transform: translate(100px,0); /** Firefox **/
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .smallpic{
| |
| - | width:100px;
| |
| - | height:100px;
| |
| - | border-radius:0px;
| |
| - | z-index:52;
| |
| - | }
| |
| - |
| |
| - | .picdescription{
| |
| - | position: absolute;
| |
| - | left:100px;
| |
| - | top:0px;
| |
| - | width:0px;
| |
| - | height:100px;
| |
| - | border-radius:0px;
| |
| - | background-color:red;
| |
| - | -webkit-transition:all 0.3s linear 0s;
| |
| - | z-index:52;
| |
| - | }
| |
| - |
| |
| - | .smallpic:hover + .picdescription{
| |
| - | width:100px;
| |
| - | height:100px;
| |
| - | border-radius:0px;
| |
| - | }
| |
| | </style> | | </style> |
| | </html> | | </html> |
Revision as of 12:38, 16 October 2014
"
