|
|
(3 intermediate revisions not shown) |
Line 133: |
Line 133: |
| top:0px; | | top:0px; |
| left:320px; | | left:320px; |
- |
| |
- |
| |
| } | | } |
| #nav_wrapper{ | | #nav_wrapper{ |
Line 152: |
Line 150: |
| color:#46dd11; | | color:#46dd11; |
| text-decoration:none; | | text-decoration:none; |
- | padding:6px 2px 0px 2px; | + | padding:6px 3px 0px 3px; |
| } | | } |
| | | |
Line 173: |
Line 171: |
| font-weight:300; | | font-weight:300; |
| } | | } |
| + | |
| + | |
| + | |
| + | |
| .nav_item_achievements,visited{ | | .nav_item_achievements,visited{ |
| background-color:#fbf7f5; | | background-color:#fbf7f5; |
Line 578: |
Line 580: |
| | | |
| | | |
- |
| |
- | .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:80px;
| |
- | }
| |
- | .pic2{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:130px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic3{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:230px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic4{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:330px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic5{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:430px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic6{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:530px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic7{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:630px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic8{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:630px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic9{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:630px;
| |
- | width:150px;
| |
- | height:150px;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | }
| |
- | .pic10{
| |
- | position:absolute;
| |
- | top:0px;
| |
- | left:630px;
| |
- | 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 **/
| |
- | }
| |
- |
| |
- | .pic2:hover+.pic3{
| |
- | -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 **/
| |
- | }
| |
- |
| |
- | .pic3:hover+.pic4{
| |
- | -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 **/
| |
- | }
| |
- |
| |
- | .pic4:hover+.pic5{
| |
- | -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 **/
| |
- | }
| |
- |
| |
- | .pic5:hover+.pic6{
| |
- | -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 **/
| |
- | }
| |
- |
| |
- | .pic6:hover+.pic7{
| |
- | -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 **/
| |
- | }
| |
- |
| |
- | .pic7:hover+.pic8{
| |
- | -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:10px;
| |
- | z-index:52;
| |
- | }
| |
- |
| |
- | .picdescription{
| |
- | position: absolute;
| |
- | left:100px;
| |
- | top:0px;
| |
- | width:0px;
| |
- | height:100px;
| |
- | border-radius:10px;
| |
- | background-color:red;
| |
- | -webkit-transition:all 0.3s linear 0s;
| |
- | z-index:52;
| |
- | }
| |
- |
| |
- | .smallpic:hover + .picdescription{
| |
- | width:100px;
| |
- | height:100px;
| |
- | border-radius:10px;
| |
- | }
| |
| </style> | | </style> |
| </html> | | </html> |