Team:UCLondon/Templates/bottom-contentv2
From 2012e.igem.org
(Difference between revisions)
(46 intermediate revisions not shown) | |||
Line 22: | Line 22: | ||
border-width: 1px; | border-width: 1px; | ||
padding: 0 10px 10px 10px; | padding: 0 10px 10px 10px; | ||
+ | padding-right:1px; | ||
// height: 60px; | // height: 60px; | ||
Line 38: | Line 39: | ||
} | } | ||
- | .middle { float:left; width: | + | .middle { float:left; width:45%; border-left-color: rgb(230, 230, 230); |
border-left-style: solid; | border-left-style: solid; | ||
border-left-width: 1px; | border-left-width: 1px; | ||
Line 47: | Line 48: | ||
.right { | .right { | ||
float: left; | float: left; | ||
- | width: | + | width: 30%; |
- | padding-left: | + | padding-left: 5px; |
border-left-color: rgb(230, 230, 230); | border-left-color: rgb(230, 230, 230); | ||
border-left-style: solid; | border-left-style: solid; | ||
Line 57: | Line 58: | ||
#sponsor-slides .slides_container { | #sponsor-slides .slides_container { | ||
- | width: | + | width:100%; |
margin:auto; | margin:auto; | ||
display:none; | display:none; | ||
+ | left:10px; | ||
// overflow: none; | // overflow: none; | ||
} | } | ||
#sponsor-slides .slides_container div { | #sponsor-slides .slides_container div { | ||
- | width: | + | width:100%; |
- | height: | + | height:200px; |
display:block; | display:block; | ||
} | } | ||
- | #sponsor-slides .pagination { margin-top: | + | #sponsor-slides .pagination { margin-top: 1px; width:30px; margin:auto; } |
Line 77: | Line 79: | ||
#test-slides .slides_container { | #test-slides .slides_container { | ||
- | width: | + | width:100%; |
+ | height:200px; | ||
margin:auto; | margin:auto; | ||
display:none; | display:none; | ||
Line 83: | Line 86: | ||
} | } | ||
- | #test-slides .slides_container div.slide { | + | #test-slides .slides_container div, #test-slides .slides_container div.slide { |
- | width: | + | width:100%; |
- | height: | + | height:200px; |
display:block; | display:block; | ||
} | } | ||
- | #test-slides .pagination { margin-top: | + | #test-slides .pagination { margin-top: 1px; } |
Line 128: | Line 131: | ||
.triangle-isosceles { | .triangle-isosceles { | ||
- | + | position:relative; | |
- | padding: | + | padding:1px; |
margin:1em 0 3em; | margin:1em 0 3em; | ||
- | border: | + | border:2px solid #5a8f00; |
color:#333; | color:#333; | ||
background:#fff; | background:#fff; | ||
Line 140: | Line 143: | ||
-moz-border-radius:10px; | -moz-border-radius:10px; | ||
border-radius:10px; | border-radius:10px; | ||
+ | |||
+ | |||
} | } | ||
Line 175: | Line 180: | ||
} | } | ||
- | + | .testimonial, #test-slides .slides_container .triangle-isosceles { width:360px !important; height:70px !important; } | |
- | #test-slides .slides_container .triangle-isosceles { height: | + | .test-author { position:relative; top: -15px; } |
Line 198: | Line 203: | ||
width:50%; | width:50%; | ||
margin:auto; | margin:auto; | ||
- | z-index: | + | z-index: 999999999999999999; |
} | } | ||
Line 214: | Line 219: | ||
$('#sponsor-slides').slides({ | $('#sponsor-slides').slides({ | ||
preload: true, | preload: true, | ||
- | play: | + | play: 15000, |
pause: 2500, | pause: 2500, | ||
hoverPause: true, | hoverPause: true, | ||
Line 222: | Line 227: | ||
$('#test-slides').slides({ | $('#test-slides').slides({ | ||
preload: true, | preload: true, | ||
- | play: | + | play: 15000, |
pause: 2500, | pause: 2500, | ||
hoverPause: true, | hoverPause: true, | ||
Line 287: | Line 292: | ||
<div> | <div> | ||
<ul class="sponsor-list"> | <ul class="sponsor-list"> | ||
- | <a href="#" class="sponsor-logo" 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" 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" 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" 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> | ||
Line 344: | Line 349: | ||
var openBox = function () { | var openBox = function () { | ||
$('#shadow').center(); | $('#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() { | $('#shadow').toggle('slow', function() { | ||
- | $(this).children('#box-content').html( | + | $(this).children('#box-content').html(input); |
}); | }); | ||
Line 361: | Line 368: | ||
} | } | ||
- | + | ||
Latest revision as of 17:20, 19 September 2012