"
Team:Oxford/Events
From 2014.igem.org
(Difference between revisions)
| Line 16: | Line 16: | ||
font-size: 230%; | font-size: 230%; | ||
font-weight: 400; | font-weight: 400; | ||
| + | font-family: Helvetica; | ||
| + | color: #000; | ||
| + | } | ||
| + | |||
| + | .modal-heading { | ||
| + | font-weight: bold; | ||
font-family: Helvetica; | font-family: Helvetica; | ||
color: #000; | color: #000; | ||
| Line 32: | Line 38: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
var contentIds = ['royal_society', 'synthetic_biology', 'activity', 'workshop', 'uniq', 'sheffield', 'ysb']; | var contentIds = ['royal_society', 'synthetic_biology', 'activity', 'workshop', 'uniq', 'sheffield', 'ysb']; | ||
| - | + | ||
function displayModal(content) { | function displayModal(content) { | ||
document.getElementById("modal").style.display = "block"; | document.getElementById("modal").style.display = "block"; | ||
document.getElementById(content).style.display = "inline"; | document.getElementById(content).style.display = "inline"; | ||
} | } | ||
| - | + | ||
function hideModal() { | function hideModal() { | ||
document.getElementById("modal").style.display = "none"; | document.getElementById("modal").style.display = "none"; | ||
| Line 86: | Line 92: | ||
<div id="modal" onClick="hideModal()" style="background-color: rgba(0,0,0,0.7);z-index:11; position: fixed; top:0; left: 0; right: 0; bottom: 0;min-width:980px; display:none;"> | <div id="modal" onClick="hideModal()" style="background-color: rgba(0,0,0,0.7);z-index:11; position: fixed; top:0; left: 0; right: 0; bottom: 0;min-width:980px; display:none;"> | ||
<div style="width:60%;height:450px;background-color:#FAFAFA;position:absolute;left:22%;border-top-right-radius:15px;border-bottom-left-radius:25px;margin-top:8%;overflow-y: scroll; padding:10px;"> | <div style="width:60%;height:450px;background-color:#FAFAFA;position:absolute;left:22%;border-top-right-radius:15px;border-bottom-left-radius:25px;margin-top:8%;overflow-y: scroll; padding:10px;"> | ||
| - | <div id='royal_society' style="display:none;">Royal Society</div> | + | <div id='royal_society' style="display:none;"> |
| + | <h1 class="modal-heading">Royal Society</h1> | ||
| + | <h2 class="modal-heading">Royal Society</h2> | ||
| + | <h3 class="modal-heading">Royal Society</h3> | ||
| + | <h4 class="modal-heading">Royal Society</h4> | ||
| + | </div> | ||
<div id='synthetic_biology' style="display:none;">Synthetic Biology</div> | <div id='synthetic_biology' style="display:none;">Synthetic Biology</div> | ||
<div id='activity' style="display:none;">Activity</div> | <div id='activity' style="display:none;">Activity</div> | ||
Revision as of 21:31, 13 October 2014
