map_app/style.css at master · LorienMCS/map_app · 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
/* reset browser styles (from CSS3 The Missing Manual, adapted from Eric Meyer) */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.2;
}
ol {
  padding-left: 1.4em;
  list-style: decimal;
}
ul {
  padding-left: 1.4em;
  list-style: square;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* end reset browser styles */


/* Notes from Google tutorial:
This CSS declaration indicates that the map container <div>
(named map-canvas) should take up 100% of the height of the
HTML body. Note that we must specifically declare those
percentages for <body> and <html> as well.

Size of #map-canvas is set to 100%, which will expand
to fit the size on mobile devices.
You may need to adjust these values based on the browser's
screensize and padding. Note that the map will always take its
size from that of its containing element, so you must
always set a size on that <div> explicitly.

Some older desktop browsers don't display well with
100% width and height, so a JavaScript function on the
scripts sheet checks for iPhone and Android devices.*/


html, body, #map-canvas {
  height: 100%;
}

h1 {
  font-size: 1.4em;
  color: #3C6340;
  text-align: center;
  text-shadow: 1px 1px 1px #032E15;
  font-family: Tahoma, Geneva, sans-serif;
}

p {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.2em;
}

cite {
	font-style: italic;
}