|
|
(One intermediate revision not shown) |
Line 2: |
Line 2: |
| {{:Team:Heidelberg/Templates/basic-css}} | | {{:Team:Heidelberg/Templates/basic-css}} |
| {{:Team:Heidelberg/Templates/style-css}} | | {{:Team:Heidelberg/Templates/style-css}} |
- | {{:Team:Heidelberg/Templates/flipclock-css}} | + | {{:Team:Heidelberg/Templates/countd-css}} |
| <html> | | <html> |
| <style type="text/css"> | | <style type="text/css"> |
Line 17: |
Line 17: |
| <div class="container" style="margin-left:8%; margin-right:8%"> | | <div class="container" style="margin-left:8%; margin-right:8%"> |
| <a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a> | | <a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/b/b3/Heidelberg_igem_logo2.png" height="70" style="left:0.5%; margin-top:-2%"></object></a> |
- | <div class="clock-example daily-counter clearfix flip-clock-wrapper">
| + | |
- | <span class="flip-clock-divider days">
| + | |
- | <span class="flip-clock-label">Days</span>
| + | |
- | </span>
| + | |
- | <ul class="flip">
| + | |
- | <li class="flip-clock-active" data-digit="0">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="1">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="2">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="3">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="down">
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="4">
| + | |
- | <a href="#">
| + | |
- | <div class="u}.flip-clock-wrapper * {margin: 0px;padding: 0px;-moz-box-sizing: border-box;}ul {line-height: 1.1em;}ul, ol {margin-top: 0px;margin-bottom: 10px;}ul {line-height: 1.5em;list-style-type: square;margin: 0.3em 0px 0px 1.5em;padding: 0px;list-style-image: url("bullet.gif");}* {margin: 0px;padding: 0px;}* {margin: 0px;padding: 0px;}*, *:before, *:after {-moz-box-sizing: border-box;}.flip-clock-wrapper {text-align: center;}.flip-clock-wrapper {font: 11px "Helvep">
| + | |
- | <div class="down">
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="5">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="6">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="7">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="8">
| + | |
- | <a href="#">
| + | |
- | </li>
| + | |
- | <li data-digit="9">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <ul class="flip play">
| + | |
- | <li data-digit="0">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="1">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="2">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="3">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="4">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="5">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="6">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="7">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="8">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="9">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <span class="flip-clock-divider hours">
| + | |
- | <span class="flip-clock-label">Hours</span>
| + | |
- | </span>
| + | |
- | <ul class="flip play">
| + | |
- | <li class="" data-digit="0">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="1">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="2">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="3">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="4">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="5">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="6">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="7">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="8">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="9">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <ul class="flip play">
| + | |
- | <li class="" data-digit="0">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="1">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="2">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="3">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="4">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="5">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="6">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="7">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="8">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="9">
| + | |
- | <a href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <span class="flip-clock-divider minutes">
| + | |
- | <span class="flip-clock-label">Minutes</span>
| + | |
- | <span class="flip-clock-dot top"></span>
| + | |
- | <span class="flip-clock-dot bottom"></span>
| + | |
- | </span>
| + | |
- | <ul class="flip play">
| + | |
- | <li class="flip-clock-before" data-digit="0">
| + | |
- | <a class="flip-clock-before" href="#">
| + | |
- | <div class="up flip-clock-before">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="1">
| + | |
- | <a class="flip-clock-before" href="#">
| + | |
- | <div class="up flip-clock-before">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="2">
| + | |
- | <a class="flip-clock-before" href="#">
| + | |
- | <div class="up flip-clock-before">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="3">
| + | |
- | <a class="flip-clock-before" href="#">
| + | |
- | <div class="up flip-clock-before">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="4">
| + | |
- | <a class="flip-clock-before" href="#">
| + | |
- | <div class="up flip-clock-before">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="5">
| + | |
- | <a class="flip-clock-before" href="#">
| + | |
- | <div class="up flip-clock-before">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow flip-clock-before"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <ul class="flip play">
| + | |
- | <li class="" data-digit="0">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="1">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="2">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="3">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="4">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li data-digit="5">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="6">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="7">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="8">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="9">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <span class="flip-clock-divider seconds">
| + | |
- | <span class="flip-clock-label">Seconds</span>
| + | |
- | <span class="flip-clock-dot top"></span>
| + | |
- | <span class="flip-clock-dot bottom"></span>
| + | |
- | </span>
| + | |
- | <ul class="flip play">
| + | |
- | <li class="" data-digit="0">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="1">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="2">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="3">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="4">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="5">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | <ul class="flip play">
| + | |
- | <li class="" data-digit="0">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">0</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="1">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">1</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="2">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">2</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="3">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">3</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="4">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">4</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-active" data-digit="5">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">5</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="flip-clock-before" data-digit="6">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">6</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="7">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">7</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="8">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">8</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | <li class="" data-digit="9">
| + | |
- | <a class="" href="#">
| + | |
- | <div class="up">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | <div class="down">
| + | |
- | <div class="shadow"></div>
| + | |
- | <div class="inn">9</div>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
| <div class="row"> | | <div class="row"> |
| | | |
Line 989: |
Line 113: |
| | | |
| <h3 style="font-size:21px; float:right; margin-right:5%">Check out our Highlights:</h3> | | <h3 style="font-size:21px; float:right; margin-right:5%">Check out our Highlights:</h3> |
- | | + | <div class="your-clock"></div> |
| | | |
| | | |
Line 996: |
Line 120: |
| </div> | | </div> |
| <div> | | <div> |
- | <script type="text/javascript">
| |
- | var clock = $('.clock-example').FlipClip(3600 * 24 * 3, {
| |
- | clockFace: 'DailyCounter',
| |
- | countdown: true
| |
- | });
| |
- | </script>
| |
| </html> | | </html> |
| {{:Team:Heidelberg/Templates/Footer-Start}} | | {{:Team:Heidelberg/Templates/Footer-Start}} |