Team:UCLondon/Templates/bottom-contentv3

From 2012e.igem.org

(Difference between revisions)
(Created page with "<html> <style type="text/css"> #bodyContent a[href^="mailto:"] { background: none; } #bodyContent a * {background: none; padding: 0; } #footer-boxes { ...")
Line 182: Line 182:
.testimonial,  #test-slides .slides_container .triangle-isosceles { width:360px !important; height:70px !important; }
.testimonial,  #test-slides .slides_container .triangle-isosceles { width:360px !important; height:70px !important; }
.test-author { position:relative; top: -15px; }
.test-author { position:relative; top: -15px; }
-
 
-
 
-
 
-
 
-
#shadow {
 
-
 
-
          background-image:  -webkit-gradient(linear, 0% 0%, 0% 100%, from( rgba(255, 255, 255, 1) ), to( rgb(249, 249, 249) ) );
 
-
          background-image:  -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgb(249, 249, 249) );
 
-
          background-image:  -moz-linear-gradient(top,  rgba(255, 255, 255, 1), rgb(249, 249, 249) );
 
-
          background-image:  -ms-linear-gradient(top,  rgba(255, 255, 255, 1), rgb(249, 249, 249) );
 
-
          background-image:  -o-linear-gradient(top,  rgba(255, 255, 255, 1), rgb(249, 249, 249) );
 
-
          background-image:  linear-gradient(top,  rgba(255, 255, 255, 1), rgb(249, 249, 249) );
 
-
         
 
-
 
-
          box-shadow: 1px 2px 5px 5px #888;
 
-
          border-radius: 5px;
 
-
 
-
              position:fixed;
 
-
              height: 400px;
 
-
              width:50%;
 
-
              margin:auto;
 
-
              z-index: 999999999999999999;
 
-
  }
 
-
 
   </style>
   </style>
Line 304: Line 280:
<div class="clear" style="width:100%; height:2px;"></div>
<div class="clear" style="width:100%; height:2px;"></div>
  </div>
  </div>
-
 
-
 
-
<div id="shadow" 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="box-content" 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>
 
-
</div>
 
   
   
Line 330: Line 297:
});
});
-
 
-
 
-
jQuery.fn.center = function () {
 
-
  var w = $(window);
 
-
  var b = $('body');
 
-
  var mt = w.scrollTop() + (w.height() > b.height()) ? 0: (  -1 *Math.abs( w.outerHeight() - b.outerHeight() )/2  );
 
-
  this.css({
 
-
    'position':'fixed',
 
-
    'left':  '50%',
 
-
    'margin-left': 0 - (this.width() / 2),
 
-
    'top': '50%',
 
-
    'margin-top':  (0 - (this.height() / 2))
 
-
  });
 
-
  return this;
 
-
}
 
-
 
-
 
-
var openBox = function () {
 
-
  $('#shadow').center();
 
-
 
-
    var input = '<form method="post" id="cntctfrm_contact_form" action="http://codonusageoptimizer.org/contact/" enctype="multipart/form-data"><div style="text-align: left; padding-top: 5px;"><label for="cntctfrm_contact_name">Name:<span class="required"> *</span></label></div><div style="text-align: left;"><input class="text" type="text" size="40" value="" name="cntctfrm_contact_name" id="cntctfrm_contact_name" style="text-align: left; margin: 0;"></div><div style="text-align: left;"><label for="cntctfrm_contact_email">E-Mail Address:<span class="required">*</span></label></div><div style="text-align: left;"><input class="text" type="text" size="40" value="" name="cntctfrm_contact_email" id="cntctfrm_contact_email" style="text-align: left; margin: 0;"></div><div style="text-align: left;"><label for="cntctfrm_contact_subject">Subject:<span class="required"> *</span></label></div><div style="text-align: left;"><input class="text" type="text" size="40" value="" name="cntctfrm_contact_subject" id="cntctfrm_contact_subject" style="text-align: left; margin: 0;"></div><div style="text-align: left;"><label for="cntctfrm_contact_message">Message:<span class="required"> *</span></label></div><div style="text-align: left;"><textarea rows="5" cols="30" name="cntctfrm_contact_message" id="cntctfrm_contact_message"></textarea></div><div style="text-align: left;"><label for="cntctfrm_contact_attachment">Attachment:</label><div style="text-align: left;"><input type="file" name="cntctfrm_contact_attachment" id="cntctfrm_contact_attachment"><label style="font-size:10px;"><br>You can attach files of the following types: html, txt, css, gif, png, jpeg, jpg, tiff, bmp, ai, eps, ps, rtf, pdf, doc, docx, zip, rar, wav, mp3, ppt</label></div></div><div style="text-align: left; padding-top: 8px;"><input type="hidden" value="send" name="cntctfrm_contact_action"><input type="hidden" value="Version: 3.13"><input type="submit" value="Submit" style="cursor: pointer; margin: 0pt; text-align: center;margin-bottom:10px;"> </div></form>';
 
-
 
-
 
-
  $('#shadow').toggle('slow', function() {
 
-
      $(this).children('#box-content').html(input);
 
-
    });
 
-
 
 
-
   
 
-
     
 
-
    return false;
 
-
}
 
-
 
-
var closeBox = function() {
 
-
  $('#shadow').toggle('slow', function() {
 
-
      $(this).children('#box-content').html(loading);
 
-
  });
 
-
}
 
Line 372: Line 302:
   
   
$(document).ready(function(event) {
$(document).ready(function(event) {
-
  loading = $('#load').parent().html();
+
 
    
    
-
   $('body').off('click', '.nothing', openBox);
+
   $('body').off('click', '.nothing', openContactBox);
-
   $('body').on('click', '.nothing', openBox);
+
   $('body').on('click', '.nothing', openContactBox);
-
   $('body').off('click', '#close-box', closeBox);
+
   $('body').off('click', '#close-box', closeContactBox);
-
   $('body').on('click', '#close-box', closeBox);
+
   $('body').on('click', '#close-box', closeContactBox);
        
        
});
});

Revision as of 00:43, 21 September 2012