buzzer-beater/popup.html at main · anujs3/buzzer-beater · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
	<head>
		<title>BoxScore</title>
		<meta name = "author" content = "Anuj Shah">
		<style>
			.popup
			{
				position: relative;
				display: inline-block;
				cursor: pointer;
			}

			.popup .popuptext
			{
				visibility: hidden;
				width: 160px;
				background-color: #555;
				color: #fff;
				text-align: center;
				border-radius: 6px;
				padding: 8px 0;
				position: absolute;
				z-index: 1;
				top: 125%;
				left: 50%;
				margin-left: -80px;
			}

			.popup .popuptext::after
			{
				content: "";
				position: absolute;
				bottom: 100%;
				left: 50%;
				margin-left: -5px;
				border-width: 5px;
				border-style: solid;
				border-color: #555 transparent transparent transparent;
			}

			.popup .show
			{
				visibility: visible;
				-webkit-animation: fadeIn 1s;
				animation: fadeIn 1s
			}

			@-webkit-keyframes fadeIn
			{
				from {opacity: 0;}
				to {opacity: 1;}
			}

			@keyframes fadeIn
			{
				from {opacity: 0;}
				to {opacity: 1;}
			}

			.hidden {display: none;}
			.label:hover {color: #3399FF;}
			.box
			{
				width: 16.5em;
				height: 4.5em;
				background-color: white;
				text-align: left;
			}
			.players
			{
				width: 16.5em;
				height: 22em;
			}
			p
			{
				overflow-y: scroll;
				overflow-x: hidden;
				width: 20em;
				height: 30em;
				padding: 5px;
				font-family: Helvetica, cursive;
			}
			#nbaPlayers, #nflPlayers, #mlbPlayers, #nhlPlayers
			{
				width: 95%;
			}
			button strong
			{
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<div id = "nba">
			<form style = "padding:2px; font-size:12px;"> Date:
				<input id = "nbaDate"   style = "width:150px; margin-left:0.5em;" type = "date" name = "date" min = "2010-01-01" max = "2030-12-31">
				<input id = "nbaButton" style = "" type = "button" value = "Submit">
			</form>
			<br>
			<button id = "refreshNBA"   style = "">Refresh</button>
			<img id = "nbaImg" style = "float:right;width:100px;height:50px;margin-bottom:10px" src = "nba.png"/>
			<br>
			<button id = "rosterNBA"    style = "margin-top:5px;">View Teams</button>
			<br>
			<button id = "standingsNBA" style = "margin-top:5px;">View Standings</button>
			<p style = "border:4px solid orange;" id = "nbaScores"></p>
		</div>
		<script src = "popup.js"> </script>
	</body>
</html>