black timer

by ian_smithz

HTML

<div class="countdown diagonal-overlay">
	<div class="container">
    	<div class="counter-section">

            <div id="countdown_dashboard">
                <div class="dash weeks_dash">
                    <div class="digit">0</div>
                    <div class="digit">0</div>
                    <span class="dash_title">weeks</span>
                </div>
            
                <div class="dash days_dash">
                    <div class="digit">0</div>
                    <div class="digit">0</div>
                    <span class="dash_title">days</span>
                </div>
            
                <div class="dash hours_dash">
                    <div class="digit">0</div>
                    <div class="digit">0</div>
                    <span class="dash_title">hours</span>
                </div>
            
                <div class="dash minutes_dash">
                    <div class="digit">0</div>
                    <div class="digit">0</div>
                    <span class="dash_title">minutes</span>
                </div>
        	</div>
        </div>

         
    </div>
</div>

CSS

/*
	Theme Name: HTML5 Blank custom theme
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
p {
	font-family: Arial, sans-serif;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	/*color:#444;*/
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/* --- GLOBAL OVER WRITE STYLES wp Specific ---*/
.news-excerpt .date {
	display:none;
}
.news-excerpt .article-body{
	margin:0!important;
}
.alignnone {
	margin: 0!important;
}
.image_left{
	margin:0;
}
.image_right{
	margin:0;
}
.news-excerpt .article-body a{
	display:none;
}
.article-body a.title{
	display: none!important;
}
#map_canvas{
	background-color: #fff;
	border: 1px solid #999;
}
.gm-style{
  	border: 5px solid #fff;
}
/* --- GLOBAL STYLES wp Specific ---*/

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.btn {
	font-family: 'Archivo Narrow', arial, sans-serif;
	font-weight:700;
}
.btn-primary {
	font-size: 2.1em;
	color: #ffffff;
	padding: 0 12px 0...

JavaScript

//date options


(function ($, root, undefined) {
	
	$(function () {
		
		'use strict';
		
		jQuery('#countdown_dashboard').countDown({
			targetDate: {
				'day': '30',
				'month': '12',
				'year': '2016',
				'hour': '09',
				'min': '30',
				'sec': '1'
			}
		});
		
//		jQuery('#btn-nav-visiting').bind('click', function(event) {
//			event.preventDefault();
//			$.scrollTo(event.target.hash, 1000);
//		});
		jQuery('#main-nav ul li.on-page').on('click', 'a', function(event) {
			event.preventDefault();
			$.scrollTo(event.target.hash, 1000);
		});
		
		jQuery('.hamburger').click(function() {
			jQuery('#main-nav').slideToggle();
		});
		
		
// 		
//		jQuery(window).resize(function() {
//			if (jQuery(window).width() < 502) {
//				var newHeight = jQuery('#rev_slider_1_1_wrapper .rev_slider ul li .tp-caption img').height() * 2;
//				jQuery('#hero-slider').css("height", newHeight); 
//			} else {
//				jQuery('#hero-slider').css("height", 'auto'); 
//			}
//		});
		
	});
	
//	jQuery(window).load(function() {
//   		if (jQuery(window).width() < 502) {
//			var newHeight = jQuery('#rev_slider_1_1_wrapper .rev_slider ul li .tp-caption img').height() * 2;
//			jQuery('#hero-slider').css("height", newHeight); 
//		}
//	});
	
})(jQuery, this);

(function(doc) {

	var addEvent = 'addEventListener',
		type = 'gesturestart',
		qsa = 'querySelectorAll',
		scales = [1, 1],
		meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];

	function fix() {
		meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
		doc.removeEventListener(type, fix, true);
	}

	if ((meta = meta[meta.length - 1]) && addEvent in doc) {
		fix();
		scales = [.25, 1.6];
		doc[addEvent](type, fix, true);
	}

}(document));



//plugin

(function($){

	$.fn.countDown = function (options) {

		config = {};

		$.extend(config, options);

		diffSecs = this.setCountDown(config);
	
		if (config.onComplete)
		{
			$.data($(this)[0], 'callback',...