Team:UCSD Software/Test
From 2014.igem.org
(45 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 38: | Line 39: | ||
.nav a { | .nav a { | ||
color: white; | color: white; | ||
- | font-size: | + | font-size: 16px; |
- | font-weight: | + | font-weight: 650; |
padding: 4px 1px; | padding: 4px 1px; | ||
+ | text-decoration: none; | ||
//text-transform: uppercase; | //text-transform: uppercase; | ||
} | } | ||
Line 47: | Line 49: | ||
background-color: #003D99; | background-color: #003D99; | ||
color: white; | color: white; | ||
+ | padding: 1px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
//height: 10px; | //height: 10px; | ||
+ | } | ||
+ | |||
+ | .nav a:hover{ | ||
+ | color: gold; | ||
} | } | ||
Line 54: | Line 61: | ||
color: gold; | color: gold; | ||
+ | } | ||
+ | |||
+ | #nav li{ | ||
+ | display: inline; | ||
} | } | ||
Line 70: | Line 81: | ||
#thumbnail-preview-indicators { | #thumbnail-preview-indicators { | ||
position: relative; | position: relative; | ||
+ | margin-top: -20px; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 133: | Line 145: | ||
width: 50px; | width: 50px; | ||
left: 50%; | left: 50%; | ||
- | margin-top: - | + | margin-top: -100px; |
margin-left: -25px; | margin-left: -25px; | ||
} | } | ||
Line 242: | 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 441: | Line 453: | ||
<body> | <body> | ||
- | <div class="nav"> | + | <!--<div class="nav"> |
<div class="container"> | <div class="container"> | ||
Line 458: | Line 470: | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | </div> | + | </div>--> |
- | + | <nav class="navbar nav-justified" role="navigation" id='nav'> | |
- | <nav class="navbar | + | |
<div class="btn-group btn-group btn-group-justified"> | <div class="btn-group btn-group btn-group-justified"> | ||
<ul class="nav navbar-nav" role="navigation" id='nav'> | <ul class="nav navbar-nav" role="navigation" id='nav'> | ||
Line 490: | Line 501: | ||
</nav> | </nav> | ||
- | </div>--> | + | <!--</div>--> |
<!-- container fluid END </div> --> | <!-- container fluid END </div> --> | ||
<!--</div>--> | <!--</div>--> | ||
Line 547: | 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.