Skip to content

Commit 2c2cdc6

Browse files
baincobainco
committed
add other ntango deps
1 parent a7b974d commit 2c2cdc6

11 files changed

Lines changed: 8015 additions & 0 deletions

File tree

‎assets/temp/css/ntango.css‎

Lines changed: 329 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,329 @@
1+
/*
2+
* NetTango
3+
* Copyright (c) 2017 Michael S. Horn and Uri Wilensky
4+
*
5+
* Northwestern University
6+
* 2120 Campus Drive
7+
* Evanston, IL 60613
8+
* http://tidal.northwestern.edu
9+
* http://ccl.northwestern.edu
10+
*
11+
* This project was funded in part by the National Science Foundation.
12+
* Any opinions, findings and conclusions or recommendations expressed in this
13+
* material are those of the author(s) and do not necessarily reflect the views
14+
* of the National Science Foundation (NSF).
15+
*/
16+
17+
/* Workspace container <div> */
18+
.nt-container {
19+
font-family: Poppins, sans-serif;
20+
font-size: 18px;
21+
position: relative;
22+
display: inline-block;
23+
margin: 0;
24+
overflow-y: scroll;
25+
}
26+
27+
/* Backdrop for the parameter popup menu */
28+
.backdrop {
29+
visibility: hidden;
30+
width: 100%;
31+
left: 0;
32+
top: 0;
33+
bottom: 0;
34+
position: absolute;
35+
z-index: 1;
36+
}
37+
38+
/* Toggle this class - hide and show the popup */
39+
.backdrop.show {
40+
visibility: visible;
41+
animation: fadeIn 0.25s;
42+
}
43+
44+
.nt-param-dialog {
45+
border-radius: 15px;
46+
background-color: white;
47+
margin-left: auto;
48+
margin-right: auto;
49+
margin-top: 15%;
50+
border: 2px solid rgba(0, 0, 0, 0.4);
51+
padding: 30px;
52+
max-width: 400px;
53+
color: #555;
54+
line-height: 120%;
55+
position: relative;
56+
}
57+
58+
.nt-param-dialog.small {
59+
border-radius: 5px;
60+
max-width: 300px;
61+
padding: 15px;
62+
}
63+
64+
.nt-param-close {
65+
width: 40px;
66+
height: 40px;
67+
position: absolute;
68+
top: 5px;
69+
right: 5px;
70+
color: #555;
71+
outline: none;
72+
border: none;
73+
font-size: 25px;
74+
background-color: transparent;
75+
border-radius: 20px;
76+
vertical-align: top;
77+
}
78+
79+
.nt-param-table {
80+
display: table;
81+
width: 100%;
82+
}
83+
84+
.nt-param-row {
85+
display: table-row;
86+
margin: 8px 0;
87+
width: 100%;
88+
}
89+
90+
.nt-param-name, .nt-param-value, .nt-param-label {
91+
display: table-cell;
92+
padding-top: 5px;
93+
padding-bottom: 5px;
94+
text-align: left;
95+
}
96+
97+
.nt-param-label {
98+
width: 100px;
99+
font-size: 16px;
100+
margin-left: 16px;
101+
}
102+
103+
.nt-param-input {
104+
width: 130px;
105+
font-size: 16px;
106+
line-height: 150%;
107+
}
108+
109+
.nt-param-unit {
110+
margin-right: 10px;
111+
}
112+
113+
.nt-param-confirm {
114+
border: none;
115+
background-color: #6b9bc3;
116+
font-size: 18px;
117+
color: white;
118+
margin-top: 12px;
119+
margin-right: 5px;
120+
padding: 8px 15px;
121+
}
122+
123+
.nt-param-confirm:active { color: #ccc; }
124+
125+
.nt-param-cancel {
126+
font-size: 18px;
127+
border: none;
128+
background-color: #aaa;
129+
color: white;
130+
margin-top: 12px;
131+
padding: 8px 15px;
132+
}
133+
134+
.nt-select-option {
135+
/* background-color: #efefef; */
136+
font-size: 15px;
137+
color: #333;
138+
padding: 5px;
139+
line-height: 150%;
140+
}
141+
142+
.nt-select-option:hover { background-color: #eee; }
143+
.nt-select-option.selected { background-color: rgba(107, 155, 195, 0.5); }
144+
.nt-select-option:active { background-color: rgba(107, 155, 195, 1.0); color: white; }
145+
146+
147+
@keyframes fadeIn {
148+
from {opacity: 0;}
149+
to {opacity: 1;}
150+
}
151+
152+
input[type=range] {
153+
/*-webkit-appearance: none;*/
154+
border: 1px solid white;
155+
width: 100%;
156+
}
157+
158+
input[type=range]::-webkit-slider-runnable-track,
159+
input[type=range]::-moz-range-track {
160+
width: 220px;
161+
height: 4px;
162+
background: #ddd;
163+
border: none;
164+
border-radius: 50%;
165+
}
166+
167+
input[type=range]::-webkit-slider-thumb,
168+
input[type=range]::-moz-range-thumb,
169+
input[type=range]::-ms-thumb {
170+
-webkit-appearance: none;
171+
border: none;
172+
height: 20px;
173+
width: 20px;
174+
border-radius: 50%;
175+
background: goldenrod;
176+
margin-top: -4px;
177+
}
178+
179+
input[type=range]:focus {
180+
outline: none;
181+
}
182+
183+
184+
/*hide the outline behind the border*/
185+
input[type=range]:-moz-focusring{
186+
outline: 1px solid white;
187+
outline-offset: -1px;
188+
}
189+
190+
input[type=range]::-ms-track {
191+
width: 220px;
192+
height: 5px;
193+
194+
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
195+
background: transparent;
196+
197+
/*leave room for the larger thumb to overflow with a transparent border */
198+
border-color: transparent;
199+
border-width: 6px 0;
200+
201+
/*remove default tick marks*/
202+
color: transparent;
203+
}
204+
input[type=range]::-ms-fill-lower {
205+
background: #777;
206+
border-radius: 10px;
207+
}
208+
input[type=range]::-ms-fill-upper {
209+
background: #ddd;
210+
border-radius: 10px;
211+
}
212+
213+
input[type=range]:focus::-ms-fill-lower {
214+
background: #888;
215+
}
216+
input[type=range]:focus::-ms-fill-upper {
217+
background: #ccc;
218+
}
219+
220+
221+
/*
222+
* EXPRESSION BUILDER
223+
*/
224+
.nt-expression {
225+
display: inline-block;
226+
padding: 0;
227+
color: #555;
228+
border: 3px solid transparent;
229+
line-height: 150%;
230+
font-size: 16px;
231+
height: 1.6em;
232+
}
233+
234+
.nt-expression-root {
235+
padding: 1em 0;
236+
}
237+
238+
.nt-expression:hover {
239+
cursor: default;
240+
}
241+
242+
.nt-expression.highlight {
243+
background-color: rgba(150, 200, 255, 0.2);
244+
border: 3px solid rgba(150, 200, 255, 0.4);
245+
}
246+
247+
.editable:hover {
248+
text-decoration: underline;
249+
}
250+
251+
.nt-expression.empty {
252+
border: 1px solid rgba(150, 200, 255, 0.4);
253+
border-radius: 0.2em;
254+
width: 4em;
255+
padding: 0 0.2em;
256+
text-align: right;
257+
}
258+
259+
.nt-expression.empty.warn {
260+
background-color: rgba(255, 0, 0, 0.2);
261+
}
262+
263+
.nt-expression.empty:hover {
264+
text-decoration: none;
265+
}
266+
267+
.nt-expression-text {
268+
padding: 0 0.2em;
269+
display: inline;
270+
}
271+
272+
.nt-expression-text.literal {
273+
font-weight: bold;
274+
color: #222;
275+
}
276+
277+
.nt-expression-text.variable {
278+
font-style: italic;
279+
color: #222;
280+
}
281+
282+
.nt-expression-text.parenthesis {
283+
padding: 0 0 0 0.1em;
284+
}
285+
286+
.nt-number-input {
287+
font-size: 16px;
288+
border: 1px solid rgba(150, 200, 255, 0.4);
289+
border-radius: 0.2em;
290+
width: 3em;
291+
padding: 0 0.2em;
292+
height: 1.6em;
293+
294+
}
295+
296+
.nt-pulldown-menu {
297+
position: absolute;
298+
min-width: 8em;
299+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
300+
border: 1px solid rgba(0, 0, 0, 0.2);
301+
border-radius: 0.25em;
302+
padding: 0.5em 0.5em;
303+
z-index: 1;
304+
margin: 0;
305+
background-color: white;
306+
display: block;
307+
text-align: left;
308+
font-size: 90%;
309+
}
310+
311+
.nt-pulldown-menu a {
312+
color: black;
313+
text-decoration: none;
314+
display: block;
315+
padding: 0.1em 1em;
316+
}
317+
318+
.nt-pulldown-menu a.selected {
319+
background-color: rgba(150, 200, 255, 0.5);
320+
}
321+
322+
.nt-pulldown-menu a.clear {
323+
color: #a00;
324+
}
325+
326+
.nt-pulldown-menu a:hover {
327+
background-color: rgba(150, 200, 255, 0.2);
328+
}
329+

assets/temp/IsleRoyale.html renamed to assets/temp/example/IsleRoyale.html

File renamed without changes.

assets/temp/IsleRoyale.nlogo renamed to assets/temp/example/IsleRoyale.nlogo

File renamed without changes.

assets/temp/WSP1.html renamed to assets/temp/example/WSP1.html

File renamed without changes.

assets/temp/WSP1.nlogo renamed to assets/temp/example/WSP1.nlogo

File renamed without changes.

assets/temp/css/codefirst.css renamed to assets/temp/example/css/codefirst.css

File renamed without changes.

assets/temp/index.html renamed to assets/temp/example/index.html

File renamed without changes.

assets/temp/screen1.html renamed to assets/temp/example/screen1.html

File renamed without changes.

assets/temp/screen2.html renamed to assets/temp/example/screen2.html

File renamed without changes.

assets/temp/screen3.html renamed to assets/temp/example/screen3.html

File renamed without changes.

0 commit comments

Comments
 (0)