A game about forced loneliness, made by TACStudios
1.container
2{
3 margin: 0px;
4 flex: 1;
5 flex-direction: row;
6}
7
8/* ///// */
9/* VIEWS */
10/* ///// */
11
12/* override as later in document */
13.verticalSplit
14{
15 flex-direction: column;
16}
17
18#viewContainer
19{
20 min-width: 50px;
21 flex-shrink: 0;
22}
23
24#firstView,
25#secondView
26{
27 flex: 0;
28}
29
30/* override as later in document */
31.firstView > #firstView,
32.secondView > #secondView
33{
34 flex: 1;
35}
36
37
38/* /////////// */
39/* ENVIRONMENT */
40/* /////////// */
41
42#environmentContainer
43{
44 width: 0px;
45 visibility: hidden;
46 flex-direction: column-reverse;
47 border-color: #232323;
48 border-left-width: 1px;
49}
50
51#debugContainer
52{
53 width: 0px;
54 visibility: hidden;
55 border-color: #232323;
56 border-left-width: 1px;
57}
58
59#environmentContainer > EnvironmentElement
60{
61 border-color: #232323;
62 flex-shrink: 0;
63}
64
65.showEnvironmentPanel > #environmentContainer
66{
67 width: 255px;
68 visibility: visible;
69}
70
71.showDebugPanel > #debugContainer
72{
73 width: 256px; /*219px;*/
74 visibility: visible;
75}
76
77.unity-label
78{
79 min-width: 100px;
80}
81
82.unity-composite-field__field > .unity-base-field__label
83{
84 padding-left: 0px;
85 min-width: 10px;
86 max-width: 10px;
87}
88
89.unity-composite-field__field > .unity-base-field__input
90{
91 margin-left: 0px;
92 min-width: 38px;
93 max-width: 38px;
94}
95
96#unity-text-input
97{
98 min-width: 40px;
99}
100
101.list-environment
102{
103 flex: 1;
104}
105
106.list-environment-overlay
107{
108 position: absolute;
109 bottom: 0px;
110 padding-left: 1px;
111 border-bottom-width: 0px;
112 background-color: rgba(0,0,0,0);
113}
114
115#environmentListCreationToolbar
116{
117 padding-left: 1px;
118}
119
120#environmentListCreationToolbar > *
121{
122 flex: 1;
123 -unity-text-align: middle-center;
124}
125
126#environmentListCreationToolbar > ObjectField > Label
127{
128 min-width: 60px;
129 width: 60px;
130}
131
132#environmentListCreationToolbar > ToolbarButton
133{
134 min-width: 40px;
135 width: 40px;
136 flex: 0;
137 border-left-width: 1px;
138 border-right-width: 0px;
139 margin-right: -1px;
140}
141
142ObjectFieldDisplay > Label
143{
144 -unity-text-align: middle-left;
145}
146
147ObjectFieldDisplay > Image
148{
149 min-width: 12px;
150}
151
152ToolbarButton
153{
154 border-left-width: 0px;
155}
156
157.list-environment-overlay > ToolbarButton
158{
159 border-width: 0px;
160 border-right-width: 1px;
161 width: 20px;
162 min-width: 20px;
163 -unity-text-align: middle-center;
164 background-color: #3c3c3c;
165 padding-left: 2px;
166 padding-right: 2px;
167}
168
169.list-environment-overlay > ToolbarButton:hover
170{
171 background-color: #585858;
172}
173
174.list-environment-overlay > #duplicate
175{
176 border-right-width: 0px;
177}
178
179Image.unity-list-view__item
180{
181 width: 210px;
182 margin: 15px;
183 padding: 5px;
184}
185
186Image.unity-list-view__item:selected
187{
188 border-width: 2px;
189 padding: 3px;
190 border-color: #3d6091;
191 background-color: rgba(0,0,0,0);
192}
193
194.sun-to-brightest-button
195{
196 padding-left: 4px;
197}
198
199#inspector-header
200{
201 flex-direction: row;
202 border-bottom-width: 1px;
203 border-color: #232323;
204 padding-top: 5px;
205 padding-bottom: 5px;
206 padding-left: 3px;
207 background-color: #3C3C3C;
208}
209
210#inspector-header > Image
211{
212 margin-top: 2px;
213 margin-bottom: 2px;
214}
215
216#inspector-header > TextField
217{
218 flex: 1;
219}
220
221#inspector
222{
223 padding-bottom: 5px;
224}
225
226#separator-line
227{
228 background-color: #3C3C3C;
229}
230
231#separator
232{
233 flex: 1;
234 width: 188px;
235 border-bottom-width: 1px;
236 border-color: #232323;
237 height: 0;
238 align-self: flex-end;
239}
240
241#sunToBrightestButton
242{
243 background-color: rgba(0,0,0,0);
244 border-radius: 0px;
245 border-width: 0px;
246 padding: 0px;
247 margin-right: 1px;
248}
249
250#sunToBrightestButton:hover
251{
252 background-color: #585858;
253}
254
255/* /////// */
256/* /DEBUG/ */
257/* /////// */
258
259MultipleDifferentValue
260{
261 -unity-font-style: bold;
262 font-size: 15px;
263 -unity-text-align: middle-center;
264 margin-bottom: 2px;
265 height: 15px;
266}
267
268MultipleSourcePopupField > MultipleDifferentValue
269{
270 -unity-text-align: middle-left;
271 width: 120px;
272 background-color: #515151;
273 position: absolute;
274 left: 103px;
275 bottom: 1px;
276}
277
278MultipleSourcePopupField > MultipleDifferentValue:hover
279{
280 background-color: #585858;
281}
282
283#debugToolbar
284{
285 margin-top: 16px;
286 margin-bottom: 16px;
287 flex-direction: row;
288 align-self: center;
289 border-bottom-width: 1px;
290 border-top-width: 1px;
291 border-color: #232323;
292}
293
294#debugToolbar > ToolbarToggle
295{
296 width: 40px;
297 left: 0px;
298}
299
300#debugToolbar > ToolbarToggle > *
301{
302 justify-content: center;
303}
304
305/* /////// */
306/* TOOLBAR */
307/* /////// */
308
309#toolbar
310{
311 flex-direction: row;
312}
313
314#toolbarRadio
315{
316 flex-direction: row;
317}
318
319.unity-toggle__input > .unity-image
320{
321 padding: 2px;
322}
323
324#tabsRadio
325{
326 width: 256px;
327 min-width: 256px;
328 max-width: 256px;
329 flex: 1;
330 flex-direction: row;
331 -unity-text-align: middle-center;
332}
333
334#tabsRadio > ToolbarToggle
335{
336 flex: 1;
337 left: 0px;
338}
339
340#tabsRadio > ToolbarToggle > * > Label
341{
342 flex: 1;
343}
344
345.unity-toolbar-toggle
346{
347 padding-top: 0px;
348 padding-right: 0px;
349 padding-bottom: 0px;
350 padding-left: 0px;
351 margin-left: 0px;
352 margin-right: 0px;
353 border-left-width: 0px;
354}
355
356#renderdoc-content
357{
358 flex: 1;
359 flex-direction: row;
360 max-width: 80px;
361 flex-shrink: 0;
362 min-width: 24px;
363 border-left-width: 1px;
364}
365
366#renderdoc-content > Label
367{
368 -unity-text-align: middle-left;
369 min-width: 0px;
370 padding-top: 0px;
371}
372
373#renderdoc-content > Image
374{
375 flex-shrink: 0;
376 min-width: 16px;
377 min-height: 16px;
378}
379
380#cameraMenu
381{
382 flex-direction: row-reverse;
383 padding: 0px;
384}
385
386#cameraButton
387{
388 border-radius: 0px;
389 border-width: 0px;
390 border-left-width: 1px;
391 padding: 0px;
392 padding-right: 4px;
393 margin: 0px;
394}
395
396#cameraSeparator
397{
398 margin-top: 4px;
399 margin-bottom: 4px;
400 border-right-width: 1px;
401}
402
403#cameraButton > *
404{
405 margin: 2px;
406}
407
408/* /////////// */
409/* DRAG'N'DROP */
410/* /////////// */
411
412#cursorFollower
413{
414 position: absolute;
415}