Team:UCSD Software/Test
From 2014.igem.org
(18 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> | <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
+ | <script src="http://www.gieson.com/Library/projects/utilities/countdown/countdown.js"></script> | ||
<Style> | <Style> | ||
Line 60: | Line 61: | ||
color: gold; | color: gold; | ||
+ | } | ||
+ | |||
+ | #nav li{ | ||
+ | display: inline; | ||
} | } | ||
Line 76: | Line 81: | ||
#thumbnail-preview-indicators { | #thumbnail-preview-indicators { | ||
position: relative; | position: relative; | ||
+ | margin-top: -20px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 139: | Line 145: | ||
width: 50px; | width: 50px; | ||
left: 50%; | left: 50%; | ||
- | margin-top: | + | margin-top: -100px; |
margin-left: -25px; | margin-left: -25px; | ||
} | } | ||
Line 248: | Line 254: | ||
background-color: #333;//#383838; | background-color: #333;//#383838; | ||
border: 0 none; | border: 0 none; | ||
- | height: | + | height: 46px; // DEFAULT 14 px |
z-index: 100; | z-index: 100; | ||
top: 0; | top: 0; | ||
Line 552: | Line 558: | ||
<a class="right carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> | <a class="right carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a> | ||
</div> | </div> | ||
+ | <script type="application/javascript"> | ||
+ | var thisYear = new Date().getFullYear(); | ||
+ | var thisMonth = new Date().getMonth(); | ||
+ | if(thisMonth > 2){ | ||
+ | thisYear++; | ||
+ | } | ||
+ | var myCountdown4 = new Countdown({ | ||
+ | year: thisYear, | ||
+ | month:4, | ||
+ | day:1, | ||
+ | hour:4, | ||
+ | ampm:"pm", | ||
+ | width:320, | ||
+ | height:60, | ||
+ | rangeHi: "month", | ||
+ | hideLine: 1, | ||
+ | numbers : { | ||
+ | font : "Arial", | ||
+ | color : "#FFFFFF", | ||
+ | bkgd : "#ff8f00", | ||
+ | rounded : 0.15, | ||
+ | shadow : { | ||
+ | x : 0, | ||
+ | y : 3, | ||
+ | s : 4, | ||
+ | c : "#000000", | ||
+ | a : 0.4 | ||
+ | } | ||
+ | }, | ||
+ | labels : { | ||
+ | font : "Arial", | ||
+ | color : "#a8a8a8", | ||
+ | weight : "normal" // < - no comma on last item! | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <p> </p> | ||
+ | <p>Countdown timer (above) set to New Years Day.</p> | ||
+ | <p> </p> | ||
+ | <p> </p> </div></div> | ||
Latest revision as of 03:27, 18 October 2014
Countdown timer (above) set to New Years Day.