/*// edit-style.css//// Created by Ryan Huffman on November 13th, 2014// Copyright 2014 High Fidelity, Inc.// Copyright 2020 Vircadia contributors.// Copyright 2022-2025 Overte e.V.//// Distributed under the Apache License, Version 2.0.// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html*/ @font-face { font-family: Raleway-Regular; src: url(../../../../resources/fonts/Raleway-Regular.ttf), /* Windows production */ url(../../../../fonts/Raleway-Regular.ttf), /* OSX production */ url(../../../../interface/resources/fonts/Raleway-Regular.ttf), /* Development, running script in /HiFi/examples */ url(../fonts/Raleway-Regular.ttf); /* Marketplace script */} @font-face { font-family: Raleway-Light; src: url(../../../../resources/fonts/Raleway-Light.ttf), url(../../../../fonts/Raleway-Light.ttf), url(../../../../interface/resources/fonts/Raleway-Light.ttf), url(../fonts/Raleway-Light.ttf);} @font-face { font-family: Raleway-Bold; src: url(../../../../resources/fonts/Raleway-Bold.ttf), url(../../../../fonts/Raleway-Bold.ttf), url(../../../../interface/resources/fonts/Raleway-Bold.ttf), url(../fonts/Raleway-Bold.ttf);} @font-face { font-family: Raleway-SemiBold; src: url(../../../../resources/fonts/Raleway-SemiBold.ttf), url(../../../../fonts/Raleway-SemiBold.ttf), url(../../../../interface/resources/fonts/Raleway-SemiBold.ttf), url(../fonts/Raleway-SemiBold.ttf);} @font-face { font-family: FiraSans-SemiBold; src: url(../../../../resources/fonts/FiraSans-SemiBold.ttf), url(../../../../fonts/FiraSans-SemiBold.ttf), url(../../../../interface/resources/fonts/FiraSans-SemiBold.ttf), url(../fonts/FiraSans-SemiBold.ttf);} @font-face { font-family: AnonymousPro-Regular; src: url(../../../../resources/fonts/AnonymousPro-Regular.ttf), url(../../../../fonts/AnonymousPro-Regular.ttf), url(../../../../interface/resources/fonts/AnonymousPro-Regular.ttf), url(../fonts/AnonymousPro-Regular.ttf);} @font-face { font-family: HiFi-Glyphs; src: url(../../../../resources/fonts/hifi-glyphs.ttf), url(../../../../fonts/hifi-glyphs.ttf), url(../../../../interface/resources/fonts/hifi-glyphs.ttf), url(../fonts/hifi-glyphs.ttf);} @font-face { font-family: Vircadia-Glyphs; src: url(../../../../resources/fonts/vircadia_glyphs.ttf), url(../../../../fonts/vircadia_glyphs.ttf), url(../../../../interface/resources/fonts/vircadia_glyphs.ttf), url(../fonts/vircadia_glyphs.ttf);} * { margin: 0; padding: 0;} body { color: #afafaf; background-color: #404040; font-family: Raleway-Regular; font-size: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow-x: hidden; overflow-y: auto;} table { font-family: FiraSans-SemiBold; font-size: 15px; color: #afafaf; border-collapse: collapse; width: 100%; border: 2px solid #575757; border-radius: 7px;} thead { font-family: Raleway-Regular; font-size: 12px; background-color: #1c1c1c; padding: 1px 0; border-bottom: 1px solid #575757; width: 100%;} tbody { width: 100%; display: block;} tfoot { font-family: Raleway-Light; font-size: 13px; background-color: #1c1c1c; border-top: 1px solid #575757; width: 100%;} tfoot tr { background-color: #1c1cff;} thead tr { height: 26px; /* 28px with thead padding */} thead th { height: 26px; background-color: #1c1c1c; border-right: 1px solid #575757;} thead th:last-child { border: none;} tbody td { height: 26px;} tfoot td { height: 18px; width: 100%; background-color: #1c1c1c; margin-left: 12px;} tr { width: 100%; cursor: pointer;} tr:nth-child(odd) { background-color: #2e2e2e;} tr:nth-child(even) { background-color: #1c1c1c;} tr:focus { outline: none;} th.childrenTableHeader { height: 26px; background-color: #1c1c1c; border-right: 1px solid #575757; border-bottom: 1px solid #575757;} tr.avatarEntity { color: #7fdb98;} tr.localEntity { color: #f0d769;} tr.selAvatarEntity { color: #000000; background-color: #7fdb98;} tr.selAvatarEntity + tr.selAvatarEntity { border-top: 1px solid #2e2e2e;} tr.lastSelAvatarEntity { color: #000000; background-color: #06c73a;} tr.lastSelAvatarEntity + tr.lastSelAvatarEntity { border-top: 1px solid #2e2e2e;} tr.localEntity { color: #f0d769;} tr.selLocalEntity { color: #000000; background-color: #f0d769;} tr.selLocalEntity + tr.selLocalEntity { border-top: 1px solid #2e2e2e;} tr.lastSelLocalEntity { color: #000000; background-color: #ebac00;} tr.lastSelLocalEntity + tr.lastSelLocalEntity { border-top: 1px solid #2e2e2e;} tr.selected { color: #000000; background-color: #00b4ef;} tr.selected + tr.selected { border-top: 1px solid #2e2e2e;} tr.last-selected { color: #000000; background-color: #0064ef;} tr.last-selected + tr.last-selected { border-top: 1px solid #2e2e2e;} th { text-align: center; word-wrap: nowrap; white-space: nowrap; padding-left: 12px; padding-right: 12px;} td { overflow: hidden; text-overflow: clip; white-space: nowrap; word-wrap: nowrap; padding-left: 12px; padding-right: 12px;} td.hidden { padding-left: 0; padding-right: 0;} td.url { white-space: nowrap; overflow: hidden;} input[type="text"], input[type="search"], input[type="number"], textarea { margin: 0; padding: 0 12px; color: #afafaf; background-color: #252525; border: none; font-family: FiraSans-SemiBold; font-size: 15px;} textarea { font-family: AnonymousPro-Regular; font-size: 16px; padding-top: 5px; padding-bottom: 5px; min-height: 64px; width: 100%; resize: vertical;} input::-webkit-input-placeholder { font-style: italic;} input:focus, textarea:focus, button:focus { color: #fff; background-color: #000; outline: 1px solid #00b4ef; outline-offset: -1px;} input::selection, textarea::selection { color: #000000; background-color: #00b4ef;} input.search { border-radius: 14px;} input.search:focus { outline: none; box-sizing: border-box; height: 26px; margin-top: 1px; margin-bottom: 1px; box-shadow: 0 0 0 1px #00b4ef;} input:disabled, textarea:disabled, .draggable-number.text[disabled="disabled"] { background-color: #383838; color: #afafaf;} input[type="text"] { height: 28px; width: 100%;} input.arrayOfStringsStringToAdd { width: 70%;} input.multi-diff:not(:focus) + span.multi-diff,textarea.multi-diff:not(:focus) + span.multi-diff,.draggable-number.multi-diff>input:not(:focus)+span.multi-diff,dl>dt.multi-diff:not(:focus) + span.multi-diff { visibility: visible; position: absolute; display: inline-block; z-index: 2; top: 7.5px; left: 20px; max-width: 50px; min-width: 10px; width: 50%; height: 13px; background-image: linear-gradient(transparent 0%, transparent 10%, #afafaf 10%, #afafaf 20%, transparent 20%, transparent 45%, #afafaf 45%, #afafaf 55%, transparent 55%, transparent 80%, #afafaf 80%, #afafaf 90%, transparent 90%, transparent 100%); background-repeat: no-repeat; pointer-events: none;} input.multi-diff:not(:focus)::-webkit-input-placeholder, input.multi-diff:not(:focus) { color: transparent;} .draggable-number.multi-diff .text { color: transparent;} .dropdown > span.multi-diff { top: 5px; left: 10px;} .text, .url, .texture, .textarea { position: relative;} input[type="search"] { height: 28px; width: 100%;}input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 20px; width: 20px; background-image: url('data:image/png;base64,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')} input[type="number"] { position: relative; height: 28px; width: 124px;}input[type=number] { padding-right: 3px;}input[type=number]::-webkit-inner-spin-button { opacity: 1.0; display: block; position: relative; width: 10px; height: 90%; overflow: hidden; font-family: HiFi-Glyphs; font-size: 32px; color: #afafaf; cursor: pointer; background-color: #000000;}input[type=number]::-webkit-inner-spin-button:before,input[type=number]::-webkit-inner-spin-button:after { position:absolute; left: -19px; line-height: 8px; text-align: center;}input[type=number]::-webkit-inner-spin-button:before { content: "6"; top: 4px;}input[type=number]::-webkit-inner-spin-button:after { content: "5"; bottom: 4px;} input[type=number].hover-up::-webkit-inner-spin-button:before,input[type=number].hover-down::-webkit-inner-spin-button:after { color: #ffffff;} input[type=range] { -webkit-appearance: none; background: #2e2e2e; height: 1.8rem; border-radius: 1rem;}input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width: 0.6rem; height: 1.8rem; padding:0; margin: 0; background-color: #696969; border-radius: 1rem;}input[type=range]::-webkit-slider-thumb:hover { background-color: white;}input[type=range]:focus { outline: none;} input.no-spin::-webkit-outer-spin-button,input.no-spin::-webkit-inner-spin-button { display: none; -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ padding-right: 12px;} input[type=button], button.hifi-edit-button { font-family: Raleway-Bold; font-size: 13px; text-transform: uppercase; vertical-align: top; height: 28px; min-width: 70px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer;} input[type=button].glyph, button.hifi-edit-button.glyph { font-family: HiFi-Glyphs; font-size: 20px; text-transform: none; min-width: 32px; padding: 0;} input[type=button].navigation, button.hifi-edit-button.navigation { font-family: HiFi-Glyphs; font-size: 20px; text-transform: none; min-width: 32px; padding: 0;} input[type=button].navigation:focus, button.hifi-edit-button.navigation:focus { outline: none;} input[type=button].normal, button.hifi-edit-button.normal { font-family: FiraSans-SemiBold; font-size: 15px;Lines 1–500 of 2377. Load more
/* // edit-style.css // // Created by Ryan Huffman on November 13th, 2014 // Copyright 2014 High Fidelity, Inc. // Copyright 2020 Vircadia contributors. // Copyright 2022-2025 Overte e.V. // // Distributed under the Apache License, Version 2.0. // See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html */ @font-face { font-family: Raleway-Regular; src: url(../../../../resources/fonts/Raleway-Regular.ttf), /* Windows production */ url(../../../../fonts/Raleway-Regular.ttf), /* OSX production */ url(../../../../interface/resources/fonts/Raleway-Regular.ttf), /* Development, running script in /HiFi/examples */ url(../fonts/Raleway-Regular.ttf); /* Marketplace script */ } @font-face { font-family: Raleway-Light; src: url(../../../../resources/fonts/Raleway-Light.ttf), url(../../../../fonts/Raleway-Light.ttf), url(../../../../interface/resources/fonts/Raleway-Light.ttf), url(../fonts/Raleway-Light.ttf); } @font-face { font-family: Raleway-Bold; src: url(../../../../resources/fonts/Raleway-Bold.ttf), url(../../../../fonts/Raleway-Bold.ttf), url(../../../../interface/resources/fonts/Raleway-Bold.ttf), url(../fonts/Raleway-Bold.ttf); } @font-face { font-family: Raleway-SemiBold; src: url(../../../../resources/fonts/Raleway-SemiBold.ttf), url(../../../../fonts/Raleway-SemiBold.ttf), url(../../../../interface/resources/fonts/Raleway-SemiBold.ttf), url(../fonts/Raleway-SemiBold.ttf); } @font-face { font-family: FiraSans-SemiBold; src: url(../../../../resources/fonts/FiraSans-SemiBold.ttf), url(../../../../fonts/FiraSans-SemiBold.ttf), url(../../../../interface/resources/fonts/FiraSans-SemiBold.ttf), url(../fonts/FiraSans-SemiBold.ttf); } @font-face { font-family: AnonymousPro-Regular; src: url(../../../../resources/fonts/AnonymousPro-Regular.ttf), url(../../../../fonts/AnonymousPro-Regular.ttf), url(../../../../interface/resources/fonts/AnonymousPro-Regular.ttf), url(../fonts/AnonymousPro-Regular.ttf); } @font-face { font-family: HiFi-Glyphs; src: url(../../../../resources/fonts/hifi-glyphs.ttf), url(../../../../fonts/hifi-glyphs.ttf), url(../../../../interface/resources/fonts/hifi-glyphs.ttf), url(../fonts/hifi-glyphs.ttf); } @font-face { font-family: Vircadia-Glyphs; src: url(../../../../resources/fonts/vircadia_glyphs.ttf), url(../../../../fonts/vircadia_glyphs.ttf), url(../../../../interface/resources/fonts/vircadia_glyphs.ttf), url(../fonts/vircadia_glyphs.ttf); } * { margin: 0; padding: 0; } body { color: #afafaf; background-color: #404040; font-family: Raleway-Regular; font-size: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow-x: hidden; overflow-y: auto; } table { font-family: FiraSans-SemiBold; font-size: 15px; color: #afafaf; border-collapse: collapse; width: 100%; border: 2px solid #575757; border-radius: 7px; } thead { font-family: Raleway-Regular; font-size: 12px; background-color: #1c1c1c; padding: 1px 0; border-bottom: 1px solid #575757; width: 100%; } tbody { width: 100%; display: block; } tfoot { font-family: Raleway-Light; font-size: 13px; background-color: #1c1c1c; border-top: 1px solid #575757; width: 100%; } tfoot tr { background-color: #1c1cff; } thead tr { height: 26px; /* 28px with thead padding */ } thead th { height: 26px; background-color: #1c1c1c; border-right: 1px solid #575757; } thead th:last-child { border: none; } tbody td { height: 26px; } tfoot td { height: 18px; width: 100%; background-color: #1c1c1c; margin-left: 12px; } tr { width: 100%; cursor: pointer; } tr:nth-child(odd) { background-color: #2e2e2e; } tr:nth-child(even) { background-color: #1c1c1c; } tr:focus { outline: none; } th.childrenTableHeader { height: 26px; background-color: #1c1c1c; border-right: 1px solid #575757; border-bottom: 1px solid #575757; } tr.avatarEntity { color: #7fdb98; } tr.localEntity { color: #f0d769; } tr.selAvatarEntity { color: #000000; background-color: #7fdb98; } tr.selAvatarEntity + tr.selAvatarEntity { border-top: 1px solid #2e2e2e; } tr.lastSelAvatarEntity { color: #000000; background-color: #06c73a; } tr.lastSelAvatarEntity + tr.lastSelAvatarEntity { border-top: 1px solid #2e2e2e; } tr.localEntity { color: #f0d769; } tr.selLocalEntity { color: #000000; background-color: #f0d769; } tr.selLocalEntity + tr.selLocalEntity { border-top: 1px solid #2e2e2e; } tr.lastSelLocalEntity { color: #000000; background-color: #ebac00; } tr.lastSelLocalEntity + tr.lastSelLocalEntity { border-top: 1px solid #2e2e2e; } tr.selected { color: #000000; background-color: #00b4ef; } tr.selected + tr.selected { border-top: 1px solid #2e2e2e; } tr.last-selected { color: #000000; background-color: #0064ef; } tr.last-selected + tr.last-selected { border-top: 1px solid #2e2e2e; } th { text-align: center; word-wrap: nowrap; white-space: nowrap; padding-left: 12px; padding-right: 12px; } td { overflow: hidden; text-overflow: clip; white-space: nowrap; word-wrap: nowrap; padding-left: 12px; padding-right: 12px; } td.hidden { padding-left: 0; padding-right: 0; } td.url { white-space: nowrap; overflow: hidden; } input[type="text"], input[type="search"], input[type="number"], textarea { margin: 0; padding: 0 12px; color: #afafaf; background-color: #252525; border: none; font-family: FiraSans-SemiBold; font-size: 15px; } textarea { font-family: AnonymousPro-Regular; font-size: 16px; padding-top: 5px; padding-bottom: 5px; min-height: 64px; width: 100%; resize: vertical; } input::-webkit-input-placeholder { font-style: italic; } input:focus, textarea:focus, button:focus { color: #fff; background-color: #000; outline: 1px solid #00b4ef; outline-offset: -1px; } input::selection, textarea::selection { color: #000000; background-color: #00b4ef; } input.search { border-radius: 14px; } input.search:focus { outline: none; box-sizing: border-box; height: 26px; margin-top: 1px; margin-bottom: 1px; box-shadow: 0 0 0 1px #00b4ef; } input:disabled, textarea:disabled, .draggable-number.text[disabled="disabled"] { background-color: #383838; color: #afafaf; } input[type="text"] { height: 28px; width: 100%; } input.arrayOfStringsStringToAdd { width: 70%; } input.multi-diff:not(:focus) + span.multi-diff, textarea.multi-diff:not(:focus) + span.multi-diff, .draggable-number.multi-diff>input:not(:focus)+span.multi-diff, dl>dt.multi-diff:not(:focus) + span.multi-diff { visibility: visible; position: absolute; display: inline-block; z-index: 2; top: 7.5px; left: 20px; max-width: 50px; min-width: 10px; width: 50%; height: 13px; background-image: linear-gradient(transparent 0%, transparent 10%, #afafaf 10%, #afafaf 20%, transparent 20%, transparent 45%, #afafaf 45%, #afafaf 55%, transparent 55%, transparent 80%, #afafaf 80%, #afafaf 90%, transparent 90%, transparent 100%); background-repeat: no-repeat; pointer-events: none; } input.multi-diff:not(:focus)::-webkit-input-placeholder, input.multi-diff:not(:focus) { color: transparent; } .draggable-number.multi-diff .text { color: transparent; } .dropdown > span.multi-diff { top: 5px; left: 10px; } .text, .url, .texture, .textarea { position: relative; } input[type="search"] { height: 28px; width: 100%; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; height: 20px; width: 20px; background-image: url('data:image/png;base64,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') } input[type="number"] { position: relative; height: 28px; width: 124px; } input[type=number] { padding-right: 3px; } input[type=number]::-webkit-inner-spin-button { opacity: 1.0; display: block; position: relative; width: 10px; height: 90%; overflow: hidden; font-family: HiFi-Glyphs; font-size: 32px; color: #afafaf; cursor: pointer; background-color: #000000; } input[type=number]::-webkit-inner-spin-button:before, input[type=number]::-webkit-inner-spin-button:after { position:absolute; left: -19px; line-height: 8px; text-align: center; } input[type=number]::-webkit-inner-spin-button:before { content: "6"; top: 4px; } input[type=number]::-webkit-inner-spin-button:after { content: "5"; bottom: 4px; } input[type=number].hover-up::-webkit-inner-spin-button:before, input[type=number].hover-down::-webkit-inner-spin-button:after { color: #ffffff; } input[type=range] { -webkit-appearance: none; background: #2e2e2e; height: 1.8rem; border-radius: 1rem; } input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width: 0.6rem; height: 1.8rem; padding:0; margin: 0; background-color: #696969; border-radius: 1rem; } input[type=range]::-webkit-slider-thumb:hover { background-color: white; } input[type=range]:focus { outline: none; } input.no-spin::-webkit-outer-spin-button, input.no-spin::-webkit-inner-spin-button { display: none; -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ padding-right: 12px; } input[type=button], button.hifi-edit-button { font-family: Raleway-Bold; font-size: 13px; text-transform: uppercase; vertical-align: top; height: 28px; min-width: 70px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; } input[type=button].glyph, button.hifi-edit-button.glyph { font-family: HiFi-Glyphs; font-size: 20px; text-transform: none; min-width: 32px; padding: 0; } input[type=button].navigation, button.hifi-edit-button.navigation { font-family: HiFi-Glyphs; font-size: 20px; text-transform: none; min-width: 32px; padding: 0; } input[type=button].navigation:focus, button.hifi-edit-button.navigation:focus { outline: none; } input[type=button].normal, button.hifi-edit-button.normal { font-family: FiraSans-SemiBold; font-size: 15px;