Spaces:
Running on CPU Upgrade
Running on CPU Upgrade
| html, body { | |
| margin: 0; | |
| height: 100%; | |
| background: #383838; | |
| color: #f2f2f2; | |
| font-family: Helvetica, sans-serif; | |
| } | |
| button { | |
| background-color: #ccc; | |
| border: none; | |
| color: white; | |
| padding: 5px 8px; | |
| text-shadow: 0 0 2px black; | |
| font-size: 13pt; | |
| font-weight: bold; | |
| cursor: pointer; | |
| user-select: none; | |
| box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3); | |
| } | |
| button:hover { | |
| filter: brightness(110%); | |
| } | |
| .smallButton { | |
| font-size: 10pt; | |
| padding: 1px 6px; | |
| min-height: 0; | |
| } | |
| #embeddingsApp { | |
| height: 100%; | |
| display: flex; | |
| flex-direction: column; | |
| min-width: 860px; | |
| } | |
| h2 { | |
| margin: 8px 12px 4px; | |
| font-size: 18pt; | |
| font-weight: 600; | |
| } | |
| #embeddingsNotice { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| gap: 12px; | |
| margin: 0 12px 8px; | |
| padding: 8px 10px; | |
| background: rgba(90, 30, 30, 0.95); | |
| } | |
| #embeddingsNotice[hidden] { | |
| display: none; | |
| } | |
| #embeddingsColumns { | |
| flex: 1; | |
| min-height: 0; | |
| display: flex; | |
| gap: 10px; | |
| padding: 0 10px 10px; | |
| } | |
| #embeddingsLeft { | |
| width: 480px; | |
| flex: 0 0 480px; | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 0; | |
| } | |
| .sectionTitle { | |
| font-size: 16pt; | |
| margin: 8px 0; | |
| } | |
| .listContainer { | |
| background: rgb(75, 75, 75); | |
| flex: 1; | |
| min-height: 80px; | |
| overflow: auto; | |
| } | |
| #embeddingsRecordsHeader, | |
| .voice-row { | |
| display: grid; | |
| grid-template-columns: 30px 55px 150px 125px 100px; | |
| align-items: center; | |
| height: 25px; | |
| white-space: nowrap; | |
| } | |
| #embeddingsRecordsHeader { | |
| position: sticky; | |
| top: 0; | |
| background: rgb(60, 60, 60); | |
| z-index: 1; | |
| font-size: 13px; | |
| } | |
| .ellipsis { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| #embeddingsSearchBar { | |
| height: 30px; | |
| margin-top: 8px; | |
| width: 100%; | |
| box-sizing: border-box; | |
| } | |
| #embeddingsRight { | |
| flex: 1; | |
| min-width: 0; | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 0; | |
| } | |
| #embeddingsTopRightBar, | |
| #embeddingsBottomBar { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| gap: 12px; | |
| min-height: 50px; | |
| } | |
| #embeddingsSelection { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 8px 18px; | |
| } | |
| #embeddingsSelection span:first-child { | |
| opacity: 0.8; | |
| } | |
| #embeddingsActions { | |
| display: flex; | |
| gap: 8px; | |
| } | |
| #embeddingsSceneContainer { | |
| position: relative; | |
| flex: 1; | |
| min-height: 240px; | |
| background: rgb(75, 75, 75); | |
| } | |
| #embeddingsSceneContainer canvas { | |
| display: block; | |
| user-select: none; | |
| } | |
| #embeddingsHelpUI { | |
| position: absolute; | |
| inset: 0; | |
| z-index: 2; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| gap: 6px; | |
| background: rgba(0, 0, 0, 0.5); | |
| } | |
| #embeddingsHelpUI[hidden] { | |
| display: none; | |
| } | |
| #embeddingsSceneGenderFilters, | |
| #embeddingsSceneOptions { | |
| display: flex; | |
| align-items: center; | |
| flex-wrap: wrap; | |
| gap: 10px 14px; | |
| } | |
| #embeddingsSceneGenderFilters label, | |
| #embeddingsSceneOptions label { | |
| display: flex; | |
| align-items: center; | |
| gap: 6px; | |
| } | |
| button.game-button { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| width: 100%; | |
| margin-top: 8px; | |
| text-align: left; | |
| } | |
| .voice-row button { | |
| background-color: #ccc; | |
| } | |