Something went wrong. Try again.
Starship Simulator Controls thoriumsim.com
Something went wrong. Try again.
17 kB · 705 lines
CSS
at develop
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706.flexlayout__layout { --color-text: #eeeeee; --color-background: black; --color-base: black; --color-1: rgb(17.85, 17.85, 17.85); --color-2: rgb(25.5, 25.5, 25.5); --color-3: rgb(38.25, 38.25, 38.25); --color-4: #333333; --color-5: rgb(63.75, 63.75, 63.75); --color-6: rgb(76.5, 76.5, 76.5); --color-drag1: rgb(207, 232, 255); --color-drag2: rgb(183, 209, 181); --color-drag1-background: rgba(128, 128, 128, 0.15); --color-drag2-background: rgba(128, 128, 128, 0.15); --flex-font-size: x-small; --font-family: Roboto, Arial, sans-serif; --color-overflow: gray; --color-icon: gray; --color-tabset-background: var(--color-1); --color-tabset-background-selected: var(--color-1); --color-tabset-background-maximized: var(--color-6); --color-tabset-divider-line: var(--color-4); --color-tabset-header-background: var(--color-1); --color-tabset-header: var(--color-text); --color-border-tab-content: var(--color-background); --color-border-background: var(--color-1); --color-border-divider-line: var(--color-4); --color-tab-content: var(--color-background); --color-tab-selected: var(--color-text); --color-tab-selected-background: var(--color-4); --color-tab-unselected: gray; --color-tab-unselected-background: transparent; --color-tab-textbox: var(--color-text); --color-tab-textbox-background: var(--color-3); --color-border-tab-selected: var(--color-text); --color-border-tab-selected-background: var(--color-4); --color-border-tab-unselected: gray; --color-border-tab-unselected-background: var(--color-2); --color-splitter: var(--color-2); --color-splitter-hover: var(--color-4); --color-splitter-drag: var(--color-5); --color-drag-rect-border: var(--color-4); --color-drag-rect-background: var(--color-1); --color-drag-rect: var(--color-text); --color-popup-border: var(--color-6); --color-popup-unselected: var(--color-text); --color-popup-unselected-background: var(--color-background); --color-popup-selected: var(--color-text); --color-popup-selected-background: var(--color-4); --color-edge-marker: gray; --color-edge-icon: #eee; --color-mini-scroll-indicator: rgba(128, 128, 128, 0.5); --color-mini-scroll-indicator-hovered: rgba(128, 128, 128, 0.8); --size-mini-scroll-indicator: 3px; --color-toolbar-button-hover: var(--color-4);}
/* base classes*/.flexlayout__layout { left: 0; top: 0; right: 0; bottom: 0; position: absolute; display: flex;}.flexlayout__layout_overlay { left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 1000;}.flexlayout__layout_tab_stamps { position: absolute; top: -10000px; z-index: 100; display: flex; flex-direction: column; align-items: start;}.flexlayout__layout_moveables { visibility: hidden; position: absolute; width: 100px; height: 100px; top: -20000px;}.flexlayout__layout_main { display: flex; flex-basis: 0px; min-width: 0; min-height: 0; flex-grow: 1; position: relative;}.flexlayout__layout_border_container { display: flex; flex-basis: 0px; min-width: 0; min-height: 0; flex-grow: 1;}.flexlayout__layout_border_container_inner { display: flex; flex-basis: 0px; min-width: 0; min-height: 0; flex-grow: 1;}.flexlayout__splitter { display: flex; align-items: center; justify-content: center; background-color: var(--color-splitter); touch-action: none; z-index: 10;}@media (hover: hover) { .flexlayout__splitter:hover { background-color: var(--color-splitter-hover); transition: background-color ease-in 0.1s; transition-delay: 0.05s; border-radius: 5px; }}.flexlayout__splitter_drag { position: absolute; display: flex; align-items: center; justify-content: center; z-index: 1000; border-radius: 5px; background-color: var(--color-splitter-drag);}.flexlayout__splitter_handle { background-color: #ccc; border-radius: 3px;}.flexlayout__splitter_handle_horz { width: 3px; height: 30px;}.flexlayout__splitter_handle_vert { width: 30px; height: 3px;}.flexlayout__splitter_extra { touch-action: none; background-color: transparent;}.flexlayout__outline_rect { position: absolute; pointer-events: none; box-sizing: border-box; border: 2px solid var(--color-drag1); background: var(--color-drag1-background); border-radius: 5px; z-index: 1000;}.flexlayout__outline_rect_edge { pointer-events: none; border: 2px solid var(--color-drag2); background: var(--color-drag2-background); border-radius: 5px; z-index: 1000; box-sizing: border-box;}.flexlayout__edge_rect { position: absolute; z-index: 1000; background-color: var(--color-edge-marker); pointer-events: none; display: flex; align-items: center; justify-content: center;}.flexlayout__drag_rect { color: var(--color-drag-rect); background-color: var(--color-drag-rect-background); border: 2px solid var(--color-drag-rect-border); border-radius: 5px; box-sizing: border-box; display: flex; justify-content: center; flex-direction: column; overflow: hidden; padding: 0.3em 0.8em; word-wrap: break-word; font-size: var(--flex-font-size); font-family: var(--font-family);}.flexlayout__row { display: flex; flex-basis: 0px; min-width: 0; min-height: 0; position: relative; box-sizing: border-box; overflow: hidden;}.flexlayout__tabset { display: flex; flex-direction: column; position: relative; background-color: var(--color-tabset-background); box-sizing: border-box; font-family: var(--font-family); overflow: hidden; flex-grow: 1;}.flexlayout__tabset_container { display: flex; flex-basis: 0px; min-width: 0; min-height: 0; flex-direction: column; overflow: hidden; flex-grow: 1;}.flexlayout__tabset_tab_divider { width: 4px;}.flexlayout__tabset_content { display: flex; flex-basis: 0px; min-width: 0; min-height: 0; flex-grow: 1; box-sizing: border-box; position: relative;}.flexlayout__tabset_header { display: flex; align-items: center; padding: 3px 3px 3px 5px; box-sizing: border-box; border-bottom: 1px solid var(--color-tabset-divider-line); color: var(--color-tabset-header); background-color: var(--color-tabset-header-background); font-size: var(--flex-font-size);}.flexlayout__tabset_header_content { flex-grow: 1;}.flexlayout__tabset_tabbar_outer { box-sizing: border-box; background-color: var(--color-tabset-background); overflow: hidden; display: flex; font-size: var(--flex-font-size);}.flexlayout__tabset_tabbar_outer_top { padding: 0px 2px 0px 2px; border-bottom: 1px solid var(--color-tabset-divider-line);}.flexlayout__tabset_tabbar_outer_bottom { padding: 0px 2px 0px 2px; border-top: 1px solid var(--color-tabset-divider-line);}.flexlayout__tabset_tabbar_inner { position: relative; box-sizing: border-box; display: flex; flex-grow: 1; scrollbar-width: none;}.flexlayout__tabset_tabbar_inner::-webkit-scrollbar { display: none;}.flexlayout__tabset_tabbar_inner_tab_container { position: relative; display: flex; padding-left: 4px; padding-right: 4px; box-sizing: border-box; white-space: nowrap;}.flexlayout__tabset_tabbar_inner_tab_container_top { border-top: 2px solid transparent;}.flexlayout__tabset_tabbar_inner_tab_container_bottom { border-bottom: 2px solid transparent;}.flexlayout__tabset-selected { background-color: var(--color-tabset-background-selected);}.flexlayout__tabset-maximized { background-color: var(--color-tabset-background-maximized);}.flexlayout__tab_button_stamp { display: inline-flex; align-items: center; gap: 0.3em; white-space: nowrap; box-sizing: border-box;}.flexlayout__tab { overflow: hidden; box-sizing: border-box; background-color: var(--color-tab-content); color: var(--color-text); position: relative;}.flexlayout__tab_moveable { position: relative; height: 100%; min-width: 1px; min-height: 1px; overflow: auto; box-sizing: border-box;}.flexlayout__tab_overlay { z-index: 20; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2392156863);}.flexlayout__tab_button { display: flex; gap: 0.3em; align-items: center; box-sizing: border-box; padding: 3px 0.5em; cursor: pointer;}.flexlayout__tab_button_stretch { background-color: transparent; color: var(--color-tab-selected); width: 100%; padding: 3px 0em; text-wrap: nowrap; display: flex; gap: 0.3em; align-items: center; box-sizing: border-box; cursor: pointer;}@media (hover: hover) { .flexlayout__tab_button_stretch:hover { color: var(--color-tab-selected); }}.flexlayout__tab_button--selected { background-color: var(--color-tab-selected-background); color: var(--color-tab-selected);}@media (hover: hover) { .flexlayout__tab_button:hover { color: var(--color-tab-selected); }}.flexlayout__tab_button--unselected { background-color: var(--color-tab-unselected-background); color: var(--color-tab-unselected);}.flexlayout__tab_button_leading { display: flex;}.flexlayout__tab_button_content { display: flex; text-wrap: nowrap;}.flexlayout__tab_button_textbox { font-family: var(--font-family); font-size: var(--flex-font-size); color: var(--color-tab-textbox); background-color: var(--color-tab-textbox-background); border: 1px inset var(--color-1); border-radius: 3px; width: 10em;}.flexlayout__tab_button_textbox:focus { outline: none;}.flexlayout__tab_button_trailing { display: flex; visibility: hidden; border-radius: 4px;}.flexlayout__tab_button_trailing:hover { background-color: var(--color-toolbar-button-hover);}@media (hover: hover) { .flexlayout__tab_button:hover .flexlayout__tab_button_trailing { visibility: visible; }}.flexlayout__tab_button--selected .flexlayout__tab_button_trailing { visibility: visible;}.flexlayout__tab_button_overflow { display: flex; align-items: center; border: none; color: var(--color-overflow); font-size: inherit; background-color: transparent; width: 2em; overflow: hidden;}.flexlayout__tab_toolbar { display: flex; align-items: center; gap: 0.3em; padding-left: 0.5em; padding-right: 0.3em;}.flexlayout__tab_toolbar_icon { border: none; outline: none; font-size: inherit; margin: 0px; background-color: transparent; padding: 1px;}.flexlayout__tab_toolbar_button { border: none; outline: none; font-size: inherit; margin: 0px; background-color: transparent; border-radius: 4px; padding: 1px;}@media (hover: hover) { .flexlayout__tab_toolbar_button:hover { background-color: var(--color-toolbar-button-hover); }}.flexlayout__tab_toolbar_sticky_buttons_container { display: flex; gap: 0.3em; padding-left: 5px; align-items: center;}.flexlayout__border { box-sizing: border-box; overflow: hidden; display: flex; font-size: var(--flex-font-size); font-family: var(--font-family); color: var(--color-border); background-color: var(--color-border-background);}.flexlayout__border_tab_contents { box-sizing: border-box; overflow: hidden; background-color: var(--color-border-tab-content);}.flexlayout__border_top { border-bottom: 1px solid var(--color-border-divider-line); align-items: center;}.flexlayout__border_bottom { border-top: 1px solid var(--color-border-divider-line); align-items: center;}.flexlayout__border_left { border-right: 1px solid var(--color-border-divider-line); align-content: center; flex-direction: column;}.flexlayout__border_right { border-left: 1px solid var(--color-border-divider-line); align-content: center; flex-direction: column;}.flexlayout__border_inner { position: relative; box-sizing: border-box; align-items: center; display: flex; flex-grow: 1; scrollbar-width: none;}.flexlayout__border_inner::-webkit-scrollbar { display: none;}.flexlayout__border_inner_tab_container { white-space: nowrap; display: flex; padding-left: 2px; padding-right: 2px; box-sizing: border-box; position: absolute;}.flexlayout__border_inner_tab_container_right { transform-origin: top left; transform: rotate(90deg);}.flexlayout__border_inner_tab_container_left { flex-direction: row-reverse; transform-origin: top right; transform: rotate(-90deg);}.flexlayout__border_tab_divider { width: 4px;}.flexlayout__border_button { display: flex; gap: 0.3em; align-items: center; cursor: pointer; padding: 3px 0.5em; margin: 2px 0px; box-sizing: border-box; white-space: nowrap;}.flexlayout__border_button--selected { background-color: var(--color-border-tab-selected-background); color: var(--color-border-tab-selected);}@media (hover: hover) { .flexlayout__border_button:hover { color: var(--color-border-tab-selected); }}.flexlayout__border_button--unselected { background-color: var(--color-border-tab-unselected-background); color: var(--color-border-tab-unselected);}.flexlayout__border_button_leading { display: flex;}.flexlayout__border_button_content { display: flex;}.flexlayout__border_button_trailing { display: flex; border-radius: 4px; visibility: hidden;}@media (hover: hover) { .flexlayout__border_button:hover .flexlayout__border_button_trailing { visibility: visible; }}.flexlayout__border_button--selected .flexlayout__border_button_trailing { visibility: visible;}.flexlayout__border_toolbar { display: flex; gap: 0.3em; align-items: center;}.flexlayout__border_toolbar_left,.flexlayout__border_toolbar_right { flex-direction: column; padding-top: 0.5em; padding-bottom: 0.3em;}.flexlayout__border_toolbar_top,.flexlayout__border_toolbar_bottom { padding-left: 0.5em; padding-right: 0.3em;}.flexlayout__border_toolbar_button { border: none; outline: none; font-size: inherit; background-color: transparent; border-radius: 4px; padding: 1px;}@media (hover: hover) { .flexlayout__border_toolbar_button:hover { background-color: var(--color-toolbar-button-hover); }}.flexlayout__border_toolbar_button_overflow { display: flex; align-items: center; border: none; color: var(--color-overflow); font-size: inherit; background-color: transparent; width: 1.5em;}.flexlayout__popup_menu { font-size: var(--flex-font-size); font-family: var(--font-family);}.flexlayout__popup_menu_item { padding: 2px 0.5em; white-space: nowrap; cursor: pointer; border-radius: 2px;}.flexlayout__popup_menu_item--selected { font-weight: 500; background-color: var(--color-tab-selected-background); color: var(--color-tab-selected);}@media (hover: hover) { .flexlayout__popup_menu_item:hover { background-color: var(--color-6); }}.flexlayout__popup_menu_container { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); border: 1px solid var(--color-popup-border); color: var(--color-popup-unselected); background: var(--color-popup-unselected-background); border-radius: 3px; position: absolute; z-index: 1000; max-height: 50%; min-width: 100px; overflow: auto; padding: 2px;}/* .flexlayout__floating_window _body { height: 100%;} */.flexlayout__floating_window_content { left: 0; top: 0; right: 0; bottom: 0; position: absolute;}.flexlayout__error_boundary_container { left: 0; top: 0; right: 0; bottom: 0; position: absolute; display: flex; justify-content: center;}.flexlayout__error_boundary_content { display: flex; align-items: center;}.flexlayout__border_sizer { position: absolute; top: -30000px; padding-top: 6px; padding-bottom: 5px; font-size: var(--flex-font-size); font-family: var(--font-family);}.flexlayout__mini_scrollbar { position: absolute; background-color: var(--color-mini-scroll-indicator); border-radius: 5px; width: var(--size-mini-scroll-indicator); height: var(--size-mini-scroll-indicator); visibility: hidden; opacity: 0; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;}.flexlayout__mini_scrollbar:hover { background-color: var(--color-mini-scroll-indicator-hovered); transition: background-color 0.3s ease-in-out;}.flexlayout__mini_scrollbar_container { position: relative; display: flex; flex-grow: 1; overflow: hidden;}@media (hover: hover) { .flexlayout__mini_scrollbar_container:hover .flexlayout__mini_scrollbar { opacity: 1; visibility: visible; }}
/* ======================== End of Base Classes =========================== *//* dark theme overrides */.flexlayout__tabset_header { box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);}.flexlayout__tabset-selected { background-image: linear-gradient(var(--color-background), var(--color-4));}.flexlayout__tabset-maximized { background-image: linear-gradient(var(--color-6), var(--color-2));}.flexlayout__tab_top { box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1); border-top-left-radius: 3px; border-top-right-radius: 3px;}.flexlayout__tab_bottom { box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}.flexlayout__border_button { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); border-radius: 3px;}