Skip to content

Commit ace90e8

Browse files
danielpeterdanielpeter
committed
adds test files
0 parents  commit ace90e8

File tree

3 files changed

+1719
-0
lines changed

3 files changed

+1719
-0
lines changed

‎default.css‎

Lines changed: 301 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,301 @@
1+
/***
2+
* 3D Earth tomo viewer - project to visualize global seismic models
3+
*
4+
* Copyright (c) 2024 Daniel Peter
5+
* MIT License - https://opensource.org/license/mit
6+
***/
7+
8+
/* default style sheet */
9+
@import url("http://fonts.googleapis.com/css?family=Raleway|Exo+2|Lato|Open+Sans");
10+
11+
/* -------------------------------------------------------------
12+
13+
versioning:
14+
version 0.0.1: september 2024, daniel peter
15+
16+
------------------------------------------------------------- */
17+
18+
/* -------------------------------------------------------------
19+
20+
reset
21+
22+
------------------------------------------------------------- */
23+
24+
html, body, div, span, applet, object, iframe, canvas,
25+
header, nav, footer, section,
26+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
27+
a, abbr, acronym, address, big, cite, code,
28+
del, dfn, em, font, ins, kbd, q, s, samp,
29+
small, strike, strong, sub, sup, tt, var,
30+
dl, dt, dd, ol, ul, li,
31+
fieldset, form, label, legend,
32+
pathline, parallax,
33+
table, caption, tbody, tfoot, thead, tr, th, td {
34+
border: 0;
35+
font-family: inherit;
36+
font-size: 100%;
37+
font-style: inherit;
38+
font-weight: inherit;
39+
outline: 0;
40+
vertical-align: baseline;
41+
margin: 0;
42+
padding: 0;
43+
}
44+
45+
html {
46+
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
47+
/*font-size: 62.5%;*/
48+
/* Keeps page centered in all browsers regardless of content height */
49+
overflow-y: scroll;
50+
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
51+
-webkit-text-size-adjust: 100%;
52+
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
53+
-ms-text-size-adjust: 100%;
54+
height: 100%;
55+
}
56+
57+
body,html {
58+
background-color: black;
59+
color: white;
60+
overflow: hidden;
61+
height: 100%;
62+
}
63+
64+
body {
65+
font-family: 'Open Sans','Raleway','Lato','Exo 2','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue', Helvetica, sans-serif;
66+
font-weight: normal;
67+
margin: 0;
68+
padding: 0;
69+
}
70+
71+
/* -------------------------------------------------------------
72+
73+
clearing
74+
75+
------------------------------------------------------------- */
76+
77+
.container:after,
78+
#header-menu:after,
79+
.entry-container:after,
80+
.entry-header:after,
81+
.widget:after,
82+
#supplementary:after,
83+
.site-info:after,
84+
.featued-content-wrap:after {
85+
content: "\0020";
86+
display: block;
87+
height: 0;
88+
clear: both;
89+
visibility: hidden;
90+
}
91+
92+
/* You can also use a <br class="clear" /> to clear columns */
93+
.clear {
94+
clear: both;
95+
display: block;
96+
overflow: hidden;
97+
visibility: hidden;
98+
width: 0;
99+
height: 0;
100+
}
101+
102+
/* -------------------------------------------------------------
103+
104+
structure
105+
106+
------------------------------------------------------------- */
107+
108+
/* canvas container */
109+
#map {
110+
position: absolute;
111+
top: 0;
112+
left: 0;
113+
width: 100%;
114+
height: 100%;
115+
min-width: 500px;
116+
min-height: 500px;
117+
text-align: center;
118+
}
119+
120+
/* page layout */
121+
.content {
122+
min-height: 100%;
123+
display: flex;
124+
flex-direction: column;
125+
}
126+
.fill-screen {
127+
position: absolute;
128+
top: 0;
129+
left: 0;
130+
margin: auto;
131+
}
132+
133+
/* -------------------------------------------------------------
134+
135+
menu
136+
137+
------------------------------------------------------------- */
138+
139+
/* Position the hamburger & cross icon at the top-right */
140+
.hamburger {
141+
font-size: 30px;
142+
cursor: pointer;
143+
position: fixed;
144+
top: 10px;
145+
right: 20px;
146+
z-index: 10;
147+
transition: transform 0.2s ease, opacity 0.2s ease;
148+
}
149+
150+
.cross {
151+
font-size: 20px;
152+
cursor: pointer;
153+
position: fixed;
154+
top: 20px;
155+
right: 25px;
156+
z-index: 10;
157+
transition: transform 0.2s ease, opacity 0.2s ease;
158+
}
159+
160+
.hamburger.active {
161+
opacity: 0; /* Fade out hamburger icon */
162+
}
163+
164+
.cross {
165+
opacity: 0; /* Initially hide cross */
166+
}
167+
168+
.cross.active {
169+
opacity: 1; /* Fade in cross icon */
170+
}
171+
172+
/* Hide the menu by default */
173+
.menu {
174+
display: none; /* Hide the menu initially */
175+
list-style: none;
176+
padding: 2px;
177+
margin: 0;
178+
background-color: #222;
179+
180+
position: fixed;
181+
top: 50px; /* Position below the hamburger */
182+
right: 20px; /* Align with hamburger icon */
183+
width: 300px; /* Menu width */
184+
185+
z-index: 9;
186+
187+
border: 1px solid #999;
188+
border-radius: 5px;
189+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
190+
}
191+
192+
#cross {
193+
display: none; /* Hide the cross icon initially */
194+
}
195+
196+
/* Show the menu when the class is toggled */
197+
.menu.show {
198+
display: block;
199+
}
200+
.menu li {
201+
margin: 10px 0;
202+
color: #999;
203+
}
204+
.menu li a {
205+
color: white;
206+
font-size: 18px;
207+
display: block;
208+
padding: 10px;
209+
}
210+
.menu li a:hover {
211+
background-color: #444;
212+
}
213+
214+
.menu-title {
215+
display: inline-block;
216+
position: relative;
217+
width: 60px;
218+
min-width: 60px;
219+
color: #666;
220+
text-align: left;
221+
}
222+
223+
.menu-item {
224+
/* display: inline-block; */
225+
/* position: relative; */
226+
/* width: 100px; */
227+
/* min-width: 100px; */
228+
color: #aaa;
229+
text-align: center;
230+
}
231+
232+
.menu-item.highlighted {
233+
color: #fff;
234+
}
235+
236+
.menu-item:hover, .no-touch .menu-item:focus, .menu-item:active {
237+
color: #fff;
238+
cursor: pointer;
239+
transition: color 125ms ease-in;
240+
-webkit-transition: color 125ms ease-in;
241+
}
242+
243+
a {
244+
color: #666;
245+
text-decoration: none;
246+
}
247+
248+
a:hover, a:focus, .no-touch .menu-item:hover, .no-touch .menu-item:focus, .menu-item:active {
249+
color: #fff;
250+
cursor: pointer;
251+
transition: color 125ms ease-in;
252+
-webkit-transition: color 125ms ease-in;
253+
}
254+
255+
256+
ul {
257+
padding: 5px;
258+
text-align: left;
259+
p {
260+
color: #666;
261+
}
262+
a {
263+
color: #aaa;
264+
}
265+
span {
266+
padding: 5px;
267+
}
268+
.highlighted {
269+
color: #fff;
270+
}
271+
label {
272+
font-size: 14px;
273+
}
274+
}
275+
276+
#menu svg {
277+
width: 30px;
278+
height: 30px;
279+
vertical-align: middle;
280+
}
281+
282+
283+
/* -------------------------------------------------------------
284+
285+
footer
286+
287+
------------------------------------------------------------- */
288+
289+
/* Footer at the bottom-right */
290+
.footer {
291+
position: fixed;
292+
bottom: 5px;
293+
right: 20px;
294+
font-size: 0.8rem;
295+
text-align: right;
296+
vertical-align: baseline;
297+
color: #888;
298+
border-radius: 5px;
299+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
300+
}
301+

0 commit comments

Comments
 (0)