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/markers.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:900px;
35
		width:99%;
36
		height:150px;
37
		margin-bottom:10px;
38
	}
39
	td{
40
		width:30%;
41
		height:100%;
42
	}
43
	.checkedcountries p{
44
		margin:0px;
45
	}
46
47
	.tooltip-header{
48
		line-height:150%;
49
		color: #444444;
50
		margin:0px;
51
		padding:0px;
52
		font-size:14px;
53
		font-weight:bold;
54
		text-align:left;
55
	}
56
	.tooltip-body{
57
		line-height:150%;
58
		color: #444444;
59
		margin:0px;
60
		padding:0px;
61
		font-size:13px;
62
		text-align:left;
63
	}
64
65
</style>
66
67
</head>
68
<body>
69
<table><tr>
70
71
<td><div class='facet' id="types">
72
	<div class="header">
73
		<span>Datasource type</span>
74
	</div>
75
</div></td>
76
77
<td><div class='facet' id='compatibility'>
78
	<div class="header">
79
		<span>Compatibility</span>
80
	</div>
81
82
</div></td>
83
84
<td><div class="facet" id="countrycol" style="display:none">
85
	<div class="header">
86
		<span>Country</span>&nbsp<span class='small'>[select <a id='call' href="#">all</a>|<a id='cnone' href="#">none</a> ]</span>
87
	</div>
88
	<div class="checkedcountries"><p></p></div>
89
	<div id="countries" style="height:100px;width:200px;overflow:auto;padding:2px;border:solid 0.5px grey">
90
	</div>
91
</div></td>
92
93
</tr></table>
94
<div id="map" style="float:left"></div>
95
</body>
96
</html>