AroundMe-FirefoxOS/app.css at master · mysegfault/AroundMe-FirefoxOS · 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
html, body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: verdana;
	font-size: 13px;
}

section[data-role=content] {
	margin: 0;
	padding: 0;
	border: 10px solid grey;
}

section[data-role=content] * {
	margin: 0;
	padding: 0;
}

section[data-role=content] h1 {
	border-bottom: 10px solid grey;
}

.wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
}

.button2 {
	padding-top: 3px;
	font: normal normal bold 11pt/normal Helvetica;
	text-align: center;
	color: rgb(255,255,255);
	text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
	width: 140px;
	height: 28px;
	line-height: 26px;
	border: 1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow:
		inset rgba(218,255,191,1) 0 1px 0px,
		inset rgba(0,0,0,0.2) 0 -2px 0px,
		rgba(0,0,0,0.1) 0 2px 0px;
	-webkit-box-shadow:
		inset rgba(218,255,191,1) 0 1px 0px,
		inset rgba(0,0,0,0.2) 0 -2px 0px,
		rgba(0,0,0,0.1) 0 2px 0px;
	-box-shadow:
		inset rgba(218,255,191,1) 0 1px 0px,
		inset rgba(0,0,0,0.2) 0 -2px 0px,
		rgba(0,0,0,0.1) 0 2px 0px;
	background-color: rgb(134,214,106); /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(134,214,106,1)), to(rgba(78,152,52,1))); /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgba(134,214,106,1), rgba(78,152,52,1)); /* for firefox 3.6+ */
}

.button {
	width: 140px;
}

iframe {
	width: 100%;
	height: 15em;
}

#map_canvas {
	width: 100%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#map_canvas {
		height: 480px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
	#map_canvas {
		height: 320px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	#map_canvas {
		height: 480px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#map_canvas {
		height: 1024px;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#map_canvas {
		height: 768px;
	}
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#map_canvas {
		height: 568px;
	}
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	#map_canvas {
		height: 568px;
	}
}