136 lines
3.2 KiB
Plaintext
136 lines
3.2 KiB
Plaintext
/* Screenshot Studio window — dark, card-based styling. Loaded by ScreenshotStudioWindow. */
|
|
|
|
.ss-root {
|
|
flex-grow: 1;
|
|
background-color: rgb(36, 37, 41);
|
|
}
|
|
|
|
/* ── Body split ──────────────────────────────────────────── */
|
|
.ss-body {
|
|
flex-direction: row;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/* ── Live preview (left) ─────────────────────────────────── */
|
|
.ss-preview {
|
|
flex-grow: 1;
|
|
background-color: rgb(24, 25, 28);
|
|
padding: 12px;
|
|
}
|
|
|
|
.ss-preview__image {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.ss-preview__empty {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
color: rgb(120, 122, 128);
|
|
-unity-font-style: italic;
|
|
-unity-text-align: middle-center;
|
|
white-space: normal;
|
|
}
|
|
|
|
/* ── Controls (right) ────────────────────────────────────── */
|
|
.ss-controls {
|
|
width: 340px;
|
|
background-color: rgb(31, 32, 36);
|
|
border-right-width: 1px;
|
|
border-right-color: rgb(18, 19, 22);
|
|
padding: 10px;
|
|
}
|
|
|
|
/* ── Cards ───────────────────────────────────────────────── */
|
|
.ss-card {
|
|
background-color: rgb(43, 44, 49);
|
|
border-radius: 8px;
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ss-card__title {
|
|
-unity-font-style: bold;
|
|
font-size: 12px;
|
|
color: rgb(150, 175, 240);
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
/* ── Rows ────────────────────────────────────────────────── */
|
|
.ss-row {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.ss-slider {
|
|
flex-grow: 1;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.ss-num {
|
|
width: 52px;
|
|
}
|
|
|
|
.ss-half {
|
|
flex-grow: 1;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
/* Field labels aligned to a consistent column */
|
|
.ss-card .unity-base-field__label {
|
|
min-width: 110px;
|
|
color: rgb(170, 172, 178);
|
|
}
|
|
|
|
/* ── Buttons ─────────────────────────────────────────────── */
|
|
.ss-buttons {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.ss-btn {
|
|
height: 26px;
|
|
border-radius: 6px;
|
|
border-width: 0;
|
|
background-color: rgb(60, 61, 67);
|
|
color: rgb(220, 221, 225);
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.ss-btn:hover {
|
|
background-color: rgb(72, 73, 80);
|
|
}
|
|
|
|
.ss-btn--primary {
|
|
background-color: rgb(64, 110, 220);
|
|
color: rgb(255, 255, 255);
|
|
-unity-font-style: bold;
|
|
margin-top: 4px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.ss-btn--primary:hover {
|
|
background-color: rgb(74, 120, 230);
|
|
}
|
|
|
|
/* ── Export folder path ──────────────────────────────────── */
|
|
.ss-path {
|
|
flex-grow: 1;
|
|
color: rgb(150, 152, 158);
|
|
font-size: 11px;
|
|
-unity-text-align: middle-left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-right: 6px;
|
|
}
|