Team:UCLondon/Templates/bottom-contentv2

From 2012e.igem.org

(Difference between revisions)
 
(48 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:40%; border-left-color: rgb(230, 230, 230);
+
     .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: 32%;
+
             width: 30%;
-
             padding-left: 20px;
+
             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:90%;
+
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:90%;
+
width:100%;
-
height:500px;
+
height:200px;
display:block;
display:block;
     }
     }
-
     #sponsor-slides .pagination {  margin-top: 5px; }
+
     #sponsor-slides .pagination {  margin-top: 1px; width:30px; margin:auto; }
Line 77: Line 79:
#test-slides .slides_container {
#test-slides .slides_container {
-
width:90%;
+
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:90%;
+
width:100%;
-
height:500px;
+
height:200px;
display:block;
display:block;
     }
     }
-
     #test-slides .pagination {  margin-top: 5px;  }
+
     #test-slides .pagination {  margin-top: 1px;  }
Line 128: Line 131:
.triangle-isosceles {
.triangle-isosceles {
-
  position:relative;
+
      position:relative;
-
padding:15px;
+
padding:1px;
margin:1em 0 3em;
margin:1em 0 3em;
-
border:5px solid #5a8f00;
+
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:500px;}
+
.test-author { position:relative; top: -15px; }
Line 198: Line 203:
               width:50%;
               width:50%;
               margin:auto;
               margin:auto;
-
               z-index: 2;
+
               z-index: 999999999999999999;
   }
   }
Line 214: Line 219:
$('#sponsor-slides').slides({
$('#sponsor-slides').slides({
preload: true,
preload: true,
-
play: 5000,
+
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: 5000,
+
play: 15000,
pause: 2500,
pause: 2500,
hoverPause: true,
hoverPause: true,
Line 280: Line 285:
<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/fileadmin/template/main/images/clcbio_logo_no_mirror.png"/></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>
<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 324: Line 329:
*/
*/
-
        loading = $('#load').parent().html();
 
});
});
Line 345: 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('<p>Hello World</p>");  
+
       $(this).children('#box-content').html(input);  
     });
     });
    
    
Line 361: Line 367:
   });
   });
}
}
 +
   
   
-
function sponsoring() { alert('hello'); return false; }
+
$(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 17:20, 19 September 2012