Team:UCLondon/Templates/Team-Style

From 2012e.igem.org

(Difference between revisions)
Line 15: Line 15:
<div id="shadowTeam" style="display:none;" >
<div id="shadowTeam" style="display:none;" >
-
<div id="close-box" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer;"></div>
+
<div id="close-boxTeam" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer;"></div>
-
<div id="box-content" style="width:95%; height:95%; margin:auto;">
+
<div id="box-contentTeam" style="width:95%; height:95%; margin:auto;">
-
<div id="load" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div>
+
<div id="loadTeam" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div>
</div>
</div>
</div>
</div>
Line 130: Line 130:
   $('#shadowTeam').toggle('slow', function() {
   $('#shadowTeam').toggle('slow', function() {
-
       $(this).children('#box-content').html(input);  
+
       $(this).children('#box-contentTeam').html(input);  
-
       $('#box-content img').css({ 'width':180, 'height':140});
+
       $('#box-contentTeam img').css({ 'width':180, 'height':140});
     });
     });
    
    
Line 142: Line 142:
var closeTeamBox = function() {
var closeTeamBox = function() {
   $('#shadowTeam').toggle('slow', function() {
   $('#shadowTeam').toggle('slow', function() {
-
       $(this).children('#box-content').html(loading);  
+
       $(this).children('#box-contentTeam').html(loading);  
   });
   });
}
}
Line 154: Line 154:
   $('body').on('click', '.team li', openTeamBox);
   $('body').on('click', '.team li', openTeamBox);
-
   $('body').off('click', '#close-box', closeTeamBox);
+
   $('body').off('click', '#close-boxTeam', closeTeamBox);
-
   $('body').on('click', '#close-box', closeTeamBox);
+
   $('body').on('click', '#close-boxTeam', closeTeamBox);
        
        
});
});

Revision as of 02:30, 21 September 2012