1 | /** |
---|
2 | * CSS Reset |
---|
3 | * From Blueprint reset.css |
---|
4 | * http://blueprintcss.googlecode.com |
---|
5 | */ |
---|
6 | html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} |
---|
7 | body {line-height:1.5;} |
---|
8 | table {border-collapse:separate;border-spacing:0;} |
---|
9 | caption, th, td {text-align:left;font-weight:normal;} |
---|
10 | table, td, th {vertical-align:middle;} |
---|
11 | blockquote:before, blockquote:after, q:before, q:after {content:"";} |
---|
12 | blockquote, q {quotes:"" "";} |
---|
13 | a img {border:none;} |
---|
14 | |
---|
15 | /** |
---|
16 | * Basic Typography |
---|
17 | */ |
---|
18 | body { |
---|
19 | font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; |
---|
20 | font-size: 80%; |
---|
21 | color: #222; |
---|
22 | background: #fff; |
---|
23 | margin: 1em 1.5em; |
---|
24 | } |
---|
25 | pre, code { |
---|
26 | margin: 1.5em 0; |
---|
27 | white-space: pre; |
---|
28 | } |
---|
29 | pre, code { |
---|
30 | font: 1em 'andale mono', 'lucida console', monospace; |
---|
31 | line-height:1.5; |
---|
32 | } |
---|
33 | a[href] { |
---|
34 | color: #436976; |
---|
35 | background-color: transparent; |
---|
36 | } |
---|
37 | h1, h2, h3, h4, h5, h6 { |
---|
38 | color: #003a6b; |
---|
39 | background-color: transparent; |
---|
40 | font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; |
---|
41 | margin: 0; |
---|
42 | padding-top: 0.5em; |
---|
43 | } |
---|
44 | h1 { |
---|
45 | font-size: 130%; |
---|
46 | margin-bottom: 0.5em; |
---|
47 | border-bottom: 1px solid #fcb100; |
---|
48 | } |
---|
49 | h2 { |
---|
50 | font-size: 120%; |
---|
51 | margin-bottom: 0.5em; |
---|
52 | border-bottom: 1px solid #aaa; |
---|
53 | } |
---|
54 | h3 { |
---|
55 | font-size: 110%; |
---|
56 | margin-bottom: 0.5em; |
---|
57 | text-decoration: underline; |
---|
58 | } |
---|
59 | h4 { |
---|
60 | font-size: 100%; |
---|
61 | font-weight: bold; |
---|
62 | } |
---|
63 | h5 { |
---|
64 | font-size: 100%; |
---|
65 | font-weight: bold; |
---|
66 | } |
---|
67 | h6 { |
---|
68 | font-size: 80%; |
---|
69 | font-weight: bold; |
---|
70 | } |
---|
71 | |
---|
72 | .olControlAttribution { |
---|
73 | bottom: 5px; |
---|
74 | } |
---|
75 | |
---|
76 | /** |
---|
77 | * Map Examples Specific |
---|
78 | */ |
---|
79 | .smallmap { |
---|
80 | width: 512px; |
---|
81 | height: 256px; |
---|
82 | border: 1px solid #ccc; |
---|
83 | } |
---|
84 | #tags { |
---|
85 | display: none; |
---|
86 | } |
---|
87 | |
---|
88 | #docs p { |
---|
89 | margin-bottom: 0.5em; |
---|
90 | } |
---|
91 | /* mobile specific */ |
---|
92 | @media only screen and (max-width: 600px) { |
---|
93 | body { |
---|
94 | height : 100%; |
---|
95 | margin : 0; |
---|
96 | padding : 0; |
---|
97 | width : 100%; |
---|
98 | } |
---|
99 | #map { |
---|
100 | background : #7391ad; |
---|
101 | width : 100%; |
---|
102 | } |
---|
103 | #map { |
---|
104 | border : 0; |
---|
105 | height : 250px; |
---|
106 | } |
---|
107 | #title { |
---|
108 | font-size : 1.3em; |
---|
109 | line-height : 2em; |
---|
110 | text-indent : 1em; |
---|
111 | margin : 0; |
---|
112 | padding : 0; |
---|
113 | } |
---|
114 | #docs { |
---|
115 | bottom : 0; |
---|
116 | padding : 1em; |
---|
117 | } |
---|
118 | #shortdesc { |
---|
119 | color : #aaa; |
---|
120 | font-size : 0.8em; |
---|
121 | padding : 1em; |
---|
122 | text-align : right; |
---|
123 | } |
---|
124 | #tags { |
---|
125 | display : none; |
---|
126 | } |
---|
127 | } |
---|
128 | @media only screen and (orientation: landscape) and (max-width: 600px) { |
---|
129 | #shortdesc { |
---|
130 | float: right; |
---|
131 | width: 25%; |
---|
132 | } |
---|
133 | #map { |
---|
134 | width: 70%; |
---|
135 | } |
---|
136 | #docs { |
---|
137 | font-size: 12px; |
---|
138 | } |
---|
139 | } |
---|
140 | body { |
---|
141 | -webkit-text-size-adjust: none; |
---|
142 | } |
---|
143 | |
---|