A game about forced loneliness, made by TACStudios
at master 415 lines 5.9 kB view raw
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}