Team:WITS-CSIR SA
From 2011.igem.org
(Difference between revisions)
Line 46: | Line 46: | ||
#slider p {color:#fff;} | #slider p {color:#fff;} | ||
#slider .slide-closed div.slider-info {top:300px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;} | #slider .slide-closed div.slider-info {top:300px;height:72px;left:0;position:absolute;width:65px;z-index:15;padding:15px;} | ||
- | #slider .slide-closed strong {font-size: | + | #slider .slide-closed strong {font-size:16px;margin-bottom:5px;} |
#slider .slide-closed p {display:none;font-size:11px;line-height:14px;color:#fff;margin:0 !important;} | #slider .slide-closed p {display:none;font-size:11px;line-height:14px;color:#fff;margin:0 !important;} | ||
- | #slider .slide-open div.slider-info {top:300px;height:72px;left:0;position:absolute;width: | + | #slider .slide-open div.slider-info {top:300px;height:72px;left:0;position:absolute;width:470px;z-index:15;padding:15px;padding-top:5px; padding-bottom: 5px;} |
- | #slider .slide-open strong {font-size: | + | #slider .slide-open p {margin-top:0.5em; margin-bottom: 0.5em;} |
+ | #slider .slide-open strong {font-size:16px;color:#fff;} | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 122: | Line 123: | ||
</div> | </div> | ||
<br /> | <br /> | ||
- | <div id="accordion" class="large tall" | + | <div id="accordion" class="large tall"> |
- | + | ||
<ul id="slider"> | <ul id="slider"> | ||
<li> | <li> | ||
Line 129: | Line 129: | ||
<div class="slider-bg"></div> | <div class="slider-bg"></div> | ||
<div class="slider-info"> | <div class="slider-info"> | ||
- | <strong> | + | <strong>Concept</strong> |
<p class="slider-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor lacus sollicitudin ligula sagittis a ultricies nulla ultricies. Ut odio nisi, posuere sed blandit at, bibendum non dolor.</p> | <p class="slider-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras porttitor lacus sollicitudin ligula sagittis a ultricies nulla ultricies. Ut odio nisi, posuere sed blandit at, bibendum non dolor.</p> | ||
</div> | </div> | ||
Line 137: | Line 137: | ||
<div class="slider-bg"></div> | <div class="slider-bg"></div> | ||
<div class="slider-info"> | <div class="slider-info"> | ||
- | <strong> | + | <strong>Meet the team</strong> |
<p class="slider-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in condimentum sem. Aenean faucibus dignissim auctor. In ut libero vitae augue laoreet iaculis at a tellus.</p> | <p class="slider-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras in condimentum sem. Aenean faucibus dignissim auctor. In ut libero vitae augue laoreet iaculis at a tellus.</p> | ||
</div> | </div> | ||
Line 145: | Line 145: | ||
<div class="slider-bg"></div> | <div class="slider-bg"></div> | ||
<div class="slider-info"> | <div class="slider-info"> | ||
- | <strong> | + | <strong>Parts submitted</strong> |
<p class="slider-text">Duis viverra velit orci. Sed vestibulum mi nec est imperdiet sed ullamcorper augue molestie. Donec ultrices facilisis erat at porttitor.</p> | <p class="slider-text">Duis viverra velit orci. Sed vestibulum mi nec est imperdiet sed ullamcorper augue molestie. Donec ultrices facilisis erat at porttitor.</p> | ||
</div> | </div> | ||
Line 153: | Line 153: | ||
<div class="slider-bg"></div> | <div class="slider-bg"></div> | ||
<div class="slider-info"> | <div class="slider-info"> | ||
- | <strong> | + | <strong>Modelling</strong> |
<p class="slider-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p> | <p class="slider-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p> | ||
</div> | </div> | ||
Line 161: | Line 161: | ||
<div class="slider-bg"></div> | <div class="slider-bg"></div> | ||
<div class="slider-info"> | <div class="slider-info"> | ||
- | <strong> | + | <strong>Sponsors</strong> |
<p class="slider-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p> | <p class="slider-text">Phasellus sed lectus nisl, eget cursus eros. Suspendisse posuere orci eu lorem luctus et porta nunc posuere. Cras sed lectus vitae leo accumsan adipiscing.</p> | ||
</div> | </div> |
Revision as of 15:31, 18 September 2011
<!DOCTYPE html>