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 { ...")
 
(9 intermediate revisions not shown)
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 245: Line 221:
<h3>Latest News</h3>
<h3>Latest News</h3>
  <ul>
  <ul>
 +
                                        <li><a href="http://codonusageoptimizer.org/download/">CUO 0.92 released</a></li>
<li><a href="http://www.ucl.ac.uk/news/news-articles/1209/10092012-QS">UCL in 4th place in world university rankings</a></li>
<li><a href="http://www.ucl.ac.uk/news/news-articles/1209/10092012-QS">UCL in 4th place in world university rankings</a></li>
<li><a href="http://codonusageoptimizer.org/download/">CUO 0.91 released</a></li>
<li><a href="http://codonusageoptimizer.org/download/">CUO 0.91 released</a></li>
Line 280: Line 257:
<div class="footer-box right">
<div class="footer-box right">
<h3>Sponsors</h3>
<h3>Sponsors</h3>
-
<div id="sponsor-slides">
 
-
<div class="slides_container">
 
<div>
<div>
<ul class="sponsor-list">
<ul class="sponsor-list">
-
<a href="http://www.clcbio.com" class="sponsor-logo"><li><img src="http://www.clcbio.com/fileadmin/template/main/images/clcbio_logo_no_mirror.png"/></li></a>
+
<a href="http://www.clcbio.com" class="sponsor-logo"><li><img src="http://www.clcbio.com/wp-content/themes/clcbio-wordpress/images/clcbio_logo_web.png" style="padding-top:9px;"/></li></a>
-
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
+
<a href="http://www.engineering.ucl.ac.uk" class="sponsor-logo"><li><img src="http://media.tumblr.com/tumblr_lxeegbS9iG1qitocx.gif" width="93" style="padding-top:2px;"/></li></a>
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
 +
                                <a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
 +
                                <a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
</ul>
</ul>
</div>
</div>
-
<div>
 
-
<ul class="sponsor-list">
 
-
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
 
-
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
 
-
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
 
-
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
 
-
</ul>
 
-
</div>
 
-
</div><!-- .slides_container -->
 
-
</div><!-- #slides -->
 
</div><!-- .footer-box right -->
</div><!-- .footer-box right -->
<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 288:
});
});
-
 
-
 
-
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);
 
-
  });
 
-
}
 
   
   
-
$(document).ready(function(event) {
 
-
  loading = $('#load').parent().html();
 
-
 
 
-
  $('body').off('click', '.nothing', openBox);
 
-
  $('body').on('click', '.nothing', openBox);
 
-
  $('body').off('click', '#close-box', closeBox);
 
-
  $('body').on('click', '#close-box', closeBox);
 
-
     
 
-
});
 

Latest revision as of 20:25, 19 October 2012

Retrieved from "http://2012e.igem.org/wiki/index.php/Team:UCLondon/Templates/bottom-contentv3"