User:AW10/countdown-multiple

MediaWiki:Countdown

{{#if:{{Data:Countdowns}}|<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.js"></script>
<link rel="stylesheet" href="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.css"/>
<div id="DateCountdown" data-date="{{Data:Countdowns}}" style="width: 100%;"></div>
<script>
$("#DateCountdown").TimeCircles({
	"animation": "ticks",
	"bg_width": 1,
	"fg_width": 0.13333333333333333,
	"circle_bg_color": "#60686F",
	"time": {
		"Days": {
			"text": "Days",
			"color": "#FFCC66",
			"show": true
		},
		"Hours": {
			"text": "Hours",
			"color": "#99CCFF",
			"show": true
		},
		"Minutes": {
			"text": "Minutes",
			"color": "#BBFFBB",
			"show": true
		},
		"Seconds": {
			"text": "Seconds",
			"color": "#FF9999",
			"show": true
		}
	}
});
</script>|<hr/><div style="font-size:12pt; font-weight:bold; line-height:12pt; color:red;">An error occurred, <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns" style="color:blue;">Data:Countdowns</a> doesn't have a record for a page with this name:<ul><li>{{FULLPAGENAME}}</li></ul>Please copy the page name written above and go to <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns" style="color:blue;">Data:Countdowns</a> for more info.</div><hr/>}}

MediaWiki:Countdown2

{{#if:{{Data:Countdowns2}}|<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.js"></script>
<link rel="stylesheet" href="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.css"/>
<div id="DateCountdown2" data-date="{{Data:Countdowns2}}" style="width: 100%;"></div>
<script>
$("#DateCountdown2").TimeCircles({
	"animation": "ticks",
	"bg_width": 1,
	"fg_width": 0.13333333333333333,
	"circle_bg_color": "#60686F",
	"time": {
		"Days": {
			"text": "Days",
			"color": "#FFCC66",
			"show": true
		},
		"Hours": {
			"text": "Hours",
			"color": "#99CCFF",
			"show": true
		},
		"Minutes": {
			"text": "Minutes",
			"color": "#BBFFBB",
			"show": true
		},
		"Seconds": {
			"text": "Seconds",
			"color": "#FF9999",
			"show": true
		}
	}
});
</script>|<hr/><div style="font-size:12pt; font-weight:bold; line-height:12pt; color:red;">An error occurred, <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns2" style="color:blue;">Data:Countdowns2</a> doesn't have a record for a page with this name:<ul><li>{{FULLPAGENAME}}</li></ul>Please copy the page name written above and go to <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns2" style="color:blue;">Data:Countdowns2</a> for more info.</div><hr/>}}

MediaWiki:Countdown3

{{#if:{{Data:Countdowns3}}|<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.js"></script>
<link rel="stylesheet" href="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.css"/>
<div id="DateCountdown3" data-date="{{Data:Countdowns3}}" style="width: 100%;"></div>
<script>
$("#DateCountdown3").TimeCircles({
	"animation": "ticks",
	"bg_width": 1,
	"fg_width": 0.13333333333333333,
	"circle_bg_color": "#60686F",
	"time": {
		"Days": {
			"text": "Days",
			"color": "#FFCC66",
			"show": true
		},
		"Hours": {
			"text": "Hours",
			"color": "#99CCFF",
			"show": true
		},
		"Minutes": {
			"text": "Minutes",
			"color": "#BBFFBB",
			"show": true
		},
		"Seconds": {
			"text": "Seconds",
			"color": "#FF9999",
			"show": true
		}
	}
});
</script>|<hr/><div style="font-size:12pt; font-weight:bold; line-height:12pt; color:red;">An error occurred, <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns3" style="color:blue;">Data:Countdowns3</a> doesn't have a record for a page with this name:<ul><li>{{FULLPAGENAME}}</li></ul>Please copy the page name written above and go to <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns3" style="color:blue;">Data:Countdowns3</a> for more info.</div><hr/>}}

MediaWiki:Countdown4

{{#if:{{Data:Countdowns4}}|<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.js"></script>
<link rel="stylesheet" href="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.css"/>
<div id="DateCountdown4" data-date="{{Data:Countdowns4}}" style="width: 100%;"></div>
<script>
$("#DateCountdown4").TimeCircles({
	"animation": "ticks",
	"bg_width": 1,
	"fg_width": 0.13333333333333333,
	"circle_bg_color": "#60686F",
	"time": {
		"Days": {
			"text": "Days",
			"color": "#FFCC66",
			"show": true
		},
		"Hours": {
			"text": "Hours",
			"color": "#99CCFF",
			"show": true
		},
		"Minutes": {
			"text": "Minutes",
			"color": "#BBFFBB",
			"show": true
		},
		"Seconds": {
			"text": "Seconds",
			"color": "#FF9999",
			"show": true
		}
	}
});
</script>|<hr/><div style="font-size:12pt; font-weight:bold; line-height:12pt; color:red;">An error occurred, <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns4" style="color:blue;">Data:Countdowns4</a> doesn't have a record for a page with this name:<ul><li>{{FULLPAGENAME}}</li></ul>Please copy the page name written above and go to <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns4" style="color:blue;">Data:Countdowns4</a> for more info.</div><hr/>}}

MediaWiki:Countdown5

{{#if:{{Data:Countdowns5}}|<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.js"></script>
<link rel="stylesheet" href="http://spongebobia.com/ESB/TimeCircle/inc/TimeCircles.css"/>
<div id="DateCountdown5" data-date="{{Data:Countdowns5}}" style="width: 100%;"></div>
<script>
$("#DateCountdown5").TimeCircles({
	"animation": "ticks",
	"bg_width": 1,
	"fg_width": 0.13333333333333333,
	"circle_bg_color": "#60686F",
	"time": {
		"Days": {
			"text": "Days",
			"color": "#FFCC66",
			"show": true
		},
		"Hours": {
			"text": "Hours",
			"color": "#99CCFF",
			"show": true
		},
		"Minutes": {
			"text": "Minutes",
			"color": "#BBFFBB",
			"show": true
		},
		"Seconds": {
			"text": "Seconds",
			"color": "#FF9999",
			"show": true
		}
	}
});
</script>|<hr/><div style="font-size:12pt; font-weight:bold; line-height:12pt; color:red;">An error occurred, <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns5" style="color:blue;">Data:Countdowns5</a> doesn't have a record for a page with this name:<ul><li>{{FULLPAGENAME}}</li></ul>Please copy the page name written above and go to <a href="http://{{SERVERNAME}}/wiki/Data:Countdowns5" style="color:blue;">Data:Countdowns5</a> for more info.</div><hr/>}}