Project

General

Profile

1 27204 antonis.le
<!DOCTYPE html>
2
<html>
3
<head>
4
<title>Google Maps</title>
5
<meta http-equiv='Content-Type' content='text/html'; charset='utf-8'>
6
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
7
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
8
<script type="text/javascript" src="js/repositories.js"></script>
9
<style>
10
	.facet{
11
		margin-left:20px;
12
		height:100%;
13
	}
14
	.header{
15
		margin-bottom:3px;
16
	}
17
	.header span{
18
		font-family: Arial, Helvetica, sans-serif;
19
		font-size: 13px;
20
		font-weight: bold;
21
	}
22
23
	.header .small{
24
		font-size: 11px;
25
    		margin: 0 0 20px;
26
		font-weight:normal;
27
	}
28
29
	html,body{
30
		width:100%;
31
		font-size:13px;
32
	}
33
	table{
34
		width:99%;
35
		height:150px;
36
		margin-bottom:10px;
37
	}
38
	td{
39
		width:30%;
40
		height:100%;
41
	}
42
	.checkedcountries p{
43
		margin:0px;
44
	}
45
46
	.tooltip-header{
47
		line-height:150%;
48
		color: #444444;
49
		margin:0px;
50
		padding:0px;
51
		font-size:14px;
52
		font-weight:bold;
53
		text-align:left;
54
	}
55
	.tooltip-body{
56
		line-height:150%;
57
		color: #444444;
58
		margin:0px;
59
		padding:0px;
60
		font-size:13px;
61
		text-align:left;
62
	}
63
64
</style>
65
66
</head>
67
<body>
68
<table><tr>
69
70
<td><div class='facet' id="types">
71
	<div class="header">
72
		<span>Datasource type</span>
73
	</div>
74
	<!--div id='typesselect'>
75
		<input type="checkbox" class="typebox item" value="blue">blue<br />
76
		<input type="checkbox" class="typebox item" value="green">green<br />
77
		<input type="checkbox" class="typebox item" value="orange">orange<br />
78
		<input type="checkbox" class="typebox item" value="red">red<br />
79
	</div-->
80
</div></td>
81
82
<td><div class='facet' id='compatibility'>
83
	<div class="header">
84
		<span>Compatibility</span>
85
	</div>
86
87
</div></td>
88
89
<td><div class="facet" id="countrycol" style="display:none">
90
	<div class="header">
91
		<span>Country</span>&nbsp<span class='small'>[select <a id='call' href="#">all</a>|<a id='cnone' href="#">none</a> ]</span>
92
	</div>
93
	<div class="checkedcountries"><p></p></div>
94
	<div id="countries" style="height:100px;width:200px;overflow:auto;padding:2px;border:solid 0.5px grey">
95
	</div>
96
</div></td>
97
98
</tr></table>
99
<div id="map" style="float:left"></div>
100
</body>
101
</html>