-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
122 lines (109 loc) · 2.54 KB
/
index.html
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
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<title>GSOC: NASA's Data Curtains from Space</title>
<script src="ThirdParty/Cesium-1.11/Cesium.js"></script>
<style>
@import url(ThirdParty/Cesium-1.11/Widgets/widgets.css);
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
position:relative; z-index:-1;
}
#pb_head {
text-align:center;
border: 1px solid #333;
padding: 5px;
background: rgba(40, 40, 40, 0.85) none repeat scroll 0% 0%;
border-top-left-radius:5px;
border-top-right-radius:5px;
color: #fff;
font-family: "Lucida Sans",Arial,sans-serif;
}
#pb_toggle {
text-align:center;
border: 1px solid #333;
padding: 5px;
background: rgba(40, 40, 40, 0.85) none repeat scroll 0% 0%;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
color: #fff;
margin-top:5px;
font-family: "Lucida Sans",Arial,sans-serif;
}
#pb_list {
margin-top:5px;
overflow-y:scroll;
overflow-x:hidden;
text-align:center;
border: 1px solid #333;
padding: 5px;
background: rgba(40, 40, 40, 0.85) none repeat scroll 0% 0%;
color: #fff;
height: 400px;
max-height: 400px;
}
#pb_item{
text-align:center;
color:#fff;
padding:5px;
margin:1px;
background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
}
#pb_item_data{
text-align:left;
color:#999;
padding:2px;
margin:1px;
background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
font: 100 13px/13px "Lucida Sans",Arial,sans-serif;
}
#pb_item_data:hover{
/*
border: 1px solid #fff;
cursor: pointer;
*/
color:#000;
background-color:#ccc;
cursor: pointer;
}
#pb_item_clicked{
text-align:left;
color:#000;
background-color:#ccc;
cursor: pointer;
padding:2px;
font: 100 13px/13px "Lucida Sans",Arial,sans-serif;
margin:1px;
}
#pb {
margin-top:1%;
margin-left:1%;
position: absolute;
z-index = 1;
width: 21%;
}
#myButton {
width:100%;
}
img {
padding:1px;
border:1px solid #021a40;
}
/* Styles specific to this particular page */
</style>
</head>
<body>
<div id="pb">
<div id="pb_head"><h3>Profile Browser</h3></div>
<div id = "pb_list" class="scroll-pane horizontal-only"><p><div id="pb_list_items"></div></p></div>
<div id="pb_toggle">
<input id ="myButton" style="border-radius:5px;
border-bottom-right-radius:5px;" type="button" value="Toggle Orbital Tracks" onClick="toggleMarkers();"/>
<input id ="myButton" style="margin-top:5px; border-bottom-left-radius:5px;
border-bottom-right-radius:5px;" type="button" value="Toggle Day/Night Orbits" onClick="toggleDN();"/>
</div>
</div>
<div id="cesiumContainer"></div>
<script src="Source/App.js"></script>
</body>
</html>