Skip to content

Commit 02e5ced

Browse files
GuyTheFlowerGuyTheFlower
committed
About to start a major code cleanup
1 parent b344762 commit 02e5ced

6 files changed

Lines changed: 1427 additions & 19 deletions

File tree

‎learning_web_proj/cum_effects/SimpleMap_modular_v2.js‎

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -50,23 +50,6 @@ var maplib = ( function() {"use strict";
5050
fillOpacity : 0.2
5151
})
5252
});
53-
54-
// function objectToConsole(inObj, spaces) {
55-
// var i, keys, spaceChars;
56-
// if (typeof spaces === 'undefined') {
57-
// spaces = 1;
58-
// }
59-
// keys = Object.keys(inObj);
60-
// for ( i = 0; i < keys.length; i += 1) {
61-
// if ( typeof inObj[keys[i]] === 'object') {
62-
// spaces = spaces + 4;
63-
// objectToConsole(inObj[keys[i]], spaces);
64-
// spaces = spaces - 4
65-
// }
66-
// spaceChars = ' ' * spaces;
67-
// console.log(spaceChars + keys[i] + ' = ' + inObj[keys[i]]);
68-
// }
69-
// }
7053

7154
function objectToConsole(obj, indent) {
7255
// super handy method, don't want to lose this. Useful for debugging

‎learning_web_proj/cum_effects/cumEffects_v1.css‎

Lines changed: 298 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,298 @@
1+
.olControlLayerSwitcher olControlNoSelect {
2+
color: #aaa;
3+
}
4+
5+
/**
6+
* CSS Reset
7+
* From Blueprint reset.css
8+
* http://blueprintcss.googlecode.com
9+
*/
10+
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 {
11+
margin: 0;
12+
padding: 0;
13+
border: 0;
14+
font-weight: inherit;
15+
font-style: inherit;
16+
font-size: 100%;
17+
font-family: inherit;
18+
vertical-align: baseline;
19+
}
20+
body {
21+
line-height: 1.5;
22+
}
23+
table {
24+
border-collapse: separate;
25+
border-spacing: 0;
26+
}
27+
caption, th, td {
28+
text-align: left;
29+
font-weight: normal;
30+
}
31+
table, td, th {
32+
vertical-align: middle;
33+
}
34+
blockquote:before, blockquote:after, q:before, q:after {
35+
content: "";
36+
}
37+
blockquote, q {
38+
quotes: "" "";
39+
}
40+
a img {
41+
border: none;
42+
}
43+
44+
/**
45+
* Basic Typography
46+
*/
47+
body {
48+
font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
49+
font-size: 80%;
50+
color: #222;
51+
background: #fff;
52+
margin: 1em 1.5em;
53+
}
54+
pre, code {
55+
margin: 1.5em 0;
56+
white-space: pre;
57+
}
58+
pre, code {
59+
font: 1em 'andale mono', 'lucida console', monospace;
60+
line-height: 1.5;
61+
}
62+
a[href] {
63+
color: #436976;
64+
background-color: transparent;
65+
}
66+
h1, h2, h3, h4, h5, h6 {
67+
color: #003a6b;
68+
background-color: transparent;
69+
font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
70+
margin: 0;
71+
padding-top: 0.5em;
72+
}
73+
h1 {
74+
font-size: 130%;
75+
margin-bottom: 0.5em;
76+
border-bottom: 1px solid #fcb100;
77+
}
78+
h2 {
79+
font-size: 120%;
80+
margin-bottom: 0.5em;
81+
border-bottom: 1px solid #aaa;
82+
}
83+
h3 {
84+
font-size: 110%;
85+
margin-bottom: 0.5em;
86+
text-decoration: underline;
87+
}
88+
h4 {
89+
font-size: 100%;
90+
font-weight: bold;
91+
}
92+
h5 {
93+
font-size: 100%;
94+
font-weight: bold;
95+
}
96+
h6 {
97+
font-size: 80%;
98+
font-weight: bold;
99+
}
100+
101+
.olControlAttribution {
102+
bottom: 5px;
103+
}
104+
105+
/**
106+
* Map Examples Specific
107+
*/
108+
.smallmap {
109+
width: 512px;
110+
height: 256px;
111+
border: 1px solid #ccc;
112+
}
113+
#tags {
114+
display: none;
115+
}
116+
117+
#docs p {
118+
margin-bottom: 0.5em;
119+
}
120+
/* mobile specific */
121+
@media only screen and (max-width: 600px) {
122+
body {
123+
height: 100%;
124+
margin: 0;
125+
padding: 0;
126+
width: 100%;
127+
}
128+
#map {
129+
background: #7391ad;
130+
width: 100%;
131+
}
132+
#map {
133+
border: 0;
134+
height: 250px;
135+
}
136+
#title {
137+
font-size: 1.3em;
138+
line-height: 2em;
139+
text-indent: 1em;
140+
margin: 0;
141+
padding: 0;
142+
}
143+
#docs {
144+
bottom: 0;
145+
padding: 1em;
146+
}
147+
#shortdesc {
148+
color: #aaa;
149+
font-size: 0.8em;
150+
padding: 1em;
151+
text-align: right;
152+
}
153+
#tags {
154+
display: none;
155+
}
156+
}
157+
@media only screen and (orientation: landscape) and (max-width: 600px) {
158+
#shortdesc {
159+
float: right;
160+
width: 25%;
161+
}
162+
#map {
163+
width: 70%;
164+
}
165+
#docs {
166+
font-size: 12px;
167+
}
168+
}
169+
body {
170+
-webkit-text-size-adjust: none;
171+
}
172+
173+
/*The following are for the layout of the document*/
174+
175+
#container {
176+
width: 99%;
177+
margin: 0 auto 1em;
178+
}
179+
180+
#titlebar {
181+
border: 1px solid gray;
182+
padding: 10px;
183+
margin: 2px -4px 2px 2px;}
184+
185+
#mainSection{
186+
width: 100%;
187+
margin: 2px;
188+
border: 1px solid gray;
189+
/*padding: 20px, 20px, 40px 40px;*/
190+
}
191+
192+
#reportMainPanel {
193+
width: 100%;
194+
margin: 2px;
195+
border: 1px solid gray;
196+
}
197+
198+
199+
#sidepanel {
200+
float: left;
201+
/*border: 1px solid gray;*/
202+
width: 170px;
203+
height: 100%;
204+
padding-right: 10px;
205+
padding-left: 10px;
206+
margin: 2px;
207+
}
208+
209+
#mainpanel {
210+
/*border: 1px solid gray;*/
211+
margin-top: 2px;
212+
margin-bottom: 2px;
213+
margin-right: 2px;
214+
margin-left: 196px;
215+
padding: 3px;
216+
height: 100%;
217+
}
218+
219+
#map {
220+
height: 400px;*/
221+
/*border: 1px solid black;*/
222+
padding-bottom: 5px;
223+
}
224+
225+
#bottomElement {
226+
clear: both;
227+
}
228+
229+
#sidepanel, #mainpanel {
230+
padding-bottom: 1000em;
231+
margin-bottom: -1000em;
232+
}
233+
234+
#mainSection {
235+
overflow: hidden;
236+
}
237+
.button {
238+
display: inline-block;
239+
white-space: nowrap;
240+
background-color: #ddd;
241+
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
242+
background-image: -webkit-linear-gradient(top, #eee, #ccc);
243+
background-image: -moz-linear-gradient(top, #eee, #ccc);
244+
background-image: -ms-linear-gradient(top, #eee, #ccc);
245+
background-image: -o-linear-gradient(top, #eee, #ccc);
246+
background-image: linear-gradient(top, #eee, #ccc);
247+
border: 1px solid #777;
248+
padding: 0.1 .4em;
249+
margin: 0.3em;
250+
251+
font: bold .8em Arial;
252+
text-decoration: none;
253+
color: #333;
254+
text-shadow: 0 1px 0 rgba(255,255,255,.8);
255+
-moz-border-radius: .2em;
256+
-webkit-border-radius: .2em;
257+
border-radius: .5em;
258+
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
259+
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
260+
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
261+
}
262+
263+
.button:hover {
264+
background-color: #eee;
265+
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
266+
background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
267+
background-image: -moz-linear-gradient(top, #fafafa, #ddd);
268+
background-image: -ms-linear-gradient(top, #fafafa, #ddd);
269+
background-image: -o-linear-gradient(top, #fafafa, #ddd);
270+
background-image: linear-gradient(top, #fafafa, #ddd);
271+
}
272+
273+
.button:active {
274+
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
275+
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
276+
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
277+
position: relative;
278+
top: 1px;
279+
}
280+
281+
.button:focus {
282+
outline: 0;
283+
background: #fafafa;
284+
}
285+
286+
.olControlMousePosition {
287+
position:relative;
288+
top: 88%;
289+
290+
}
291+
292+
293+
/*Jquery over rides to make this view look right
294+
.ui-accordion .ui-accordion-content {
295+
padding: .5em 1.5em;
296+
}
297+
298+
*/

0 commit comments

Comments
 (0)