Skip to content

Commit 0bba484

Browse files
GuyTheFlowerGuyTheFlower
committed
starting on version 2 of the cumeffects app
1 parent 81808ec commit 0bba484

26 files changed

Lines changed: 4229 additions & 0 deletions

‎learning_web_proj/cum_effects_v2/cumEffects_v2.css‎

Lines changed: 314 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,314 @@
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+
238+
#prevbackgrounProcessing {
239+
margin-bottom: 160px;
240+
}
241+
242+
#backgrounProcessing {
243+
margin-top: 160px;
244+
}
245+
246+
#backgrounProcessingStatus {
247+
font: italic 11pt Arial;
248+
text-decoration:none;
249+
}
250+
251+
.button {
252+
display: inline-block;
253+
white-space: nowrap;
254+
background-color: #ddd;
255+
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
256+
background-image: -webkit-linear-gradient(top, #eee, #ccc);
257+
background-image: -moz-linear-gradient(top, #eee, #ccc);
258+
background-image: -ms-linear-gradient(top, #eee, #ccc);
259+
background-image: -o-linear-gradient(top, #eee, #ccc);
260+
background-image: linear-gradient(top, #eee, #ccc);
261+
border: 1px solid #777;
262+
padding: 0.1 .4em;
263+
margin: 0.3em;
264+
265+
font: bold .8em Arial;
266+
text-decoration: none;
267+
color: #333;
268+
text-shadow: 0 1px 0 rgba(255,255,255,.8);
269+
-moz-border-radius: .2em;
270+
-webkit-border-radius: .2em;
271+
border-radius: .5em;
272+
-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
273+
-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
274+
box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
275+
}
276+
277+
.button:hover {
278+
background-color: #eee;
279+
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
280+
background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
281+
background-image: -moz-linear-gradient(top, #fafafa, #ddd);
282+
background-image: -ms-linear-gradient(top, #fafafa, #ddd);
283+
background-image: -o-linear-gradient(top, #fafafa, #ddd);
284+
background-image: linear-gradient(top, #fafafa, #ddd);
285+
}
286+
287+
.button:active {
288+
-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
289+
-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
290+
box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
291+
position: relative;
292+
top: 1px;
293+
}
294+
295+
.button:focus {
296+
outline: 0;
297+
background: #fafafa;
298+
}
299+
300+
.olControlMousePosition {
301+
position:relative;
302+
top: 88%;
303+
font: bold 12px Arial;
304+
/*text-shadow: 1px 1px white, -1px 1px white, -1px -1px white;*/
305+
}
306+
307+
308+
309+
/*Jquery over rides to make this view look right
310+
.ui-accordion .ui-accordion-content {
311+
padding: .5em 1.5em;
312+
}
313+
314+
*/

0 commit comments

Comments
 (0)