X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fcanvasdebugger.css;fp=LCARStrek%2Fbrowser%2Fdevtools%2Fcanvasdebugger.css;h=0000000000000000000000000000000000000000;hp=b3ae18adc59e99882651fbb1dbd90ab7f05e5479;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2 diff --git a/LCARStrek/browser/devtools/canvasdebugger.css b/LCARStrek/browser/devtools/canvasdebugger.css deleted file mode 100644 index b3ae18ad..00000000 --- a/LCARStrek/browser/devtools/canvasdebugger.css +++ /dev/null @@ -1,405 +0,0 @@ -/* This Source Code Form is subject to the terms of the Mozilla Public - * License, v. 2.0. If a copy of the MPL was not distributed with this file, - * You can obtain one at http://mozilla.org/MPL/2.0/. */ - -/* Reload and waiting notices */ - -.notice-container { - margin-top: -50vh; - background-color: var(--theme-toolbar-background); - color: var(--theme-body-color); -} - -#empty-notice > button { - min-width: 30px; - min-height: 28px; - margin: 0; - list-style-image: url("profiler-stopwatch.svg"); -} - -#empty-notice > button .button-text { - display: none; -} - -#waiting-notice { - font-size: 110%; -} - -/* Snapshots pane */ - -#snapshots-pane > tabs { - -moz-border-end: 1px solid; -} - -#snapshots-pane .devtools-toolbar { - -moz-border-end: 1px solid; - - -moz-border-end-color: #9C9CFF; /* Match the splitter color. */ -} - -#record-snapshot { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-tbutton.svg"); -} - -#record-snapshot:hover { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg"); -} - -#record-snapshot[checked] { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked-tbutton.svg"); -} - -#record-snapshot[checked]:hover { - list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg"); -} - -/* Snapshots items */ - -.snapshot-item-thumbnail { - image-rendering: -moz-crisp-edges; - background-image: linear-gradient(45deg, #504848 25%, transparent 25%, transparent 75%, #504848 75%, #504848), linear-gradient(45deg, #504848 25%, transparent 25%, transparent 75%, #504848 75%, #504848); - background-size: 12px 12px, 12px 12px; - background-position: 0px 0px, 6px 6px; - background-repeat: repeat, repeat; -} - -.snapshot-item-thumbnail[flipped=true] { - transform: scaleY(-1); -} - -.snapshot-item-thumbnail { - background-color: #000000; -} - -.snapshot-item-details { - -moz-padding-start: 6px; -} - -.snapshot-item-calls { - padding-top: 4px; - font-size: 80%; -} - -.snapshot-item-calls, -.snapshot-item-save { - color: var(--theme-body-color); -} - -.snapshot-item-save { - padding-bottom: 2px; - font-size: 90%; -} - -.snapshot-item-calls, -.snapshot-item-save { - color: #A09090; /* Foreground (Text) - Grey */ -} - -.snapshot-item-save { - text-decoration: underline; - cursor: pointer; -} - -.snapshot-item-save[disabled=true] { - text-decoration: none; - pointer-events: none; -} - -.snapshot-item-footer.devtools-throbber::before { - margin-top: -2px; -} - -#snapshots-list .selected label { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Debugging pane controls */ - -#debugging-controls .devtools-toolbarbutton > .toolbarbutton-icon { - width: 16px; - height: 16px; -} - -#resume { - list-style-image: url("debugger-play.png"); - -moz-image-region: rect(0px,32px,16px,16px); -} - -#step-over { - list-style-image: url("debugger-step-over.png"); -} - -#step-in { - list-style-image: url("debugger-step-in.png"); -} - -#step-out { - list-style-image: url("debugger-step-out.png"); -} - -@media (min-resolution: 1.1dppx) { - #resume { - list-style-image: url(debugger-play@2x.png); - -moz-image-region: rect(0px,64px,32px,32px); - } - - #step-over { - list-style-image: url(debugger-step-over@2x.png); - } - - #step-in { - list-style-image: url(debugger-step-in@2x.png); - } - - #step-out { - list-style-image: url(debugger-step-out@2x.png); - } -} - -#debugging-controls > toolbarbutton { - transition: opacity 0.15s ease-in-out; -} - -#debugging-controls > toolbarbutton[disabled=true] { - opacity: 0.5; -} - -#calls-slider { - -moz-padding-end: 24px; -} - -#calls-slider .scale-slider { - margin: 0; -} - -#debugging-toolbar-sizer-button { - /* This button's only purpose in life is to make the - container .devtools-toolbar have the right height. */ - visibility: hidden; - min-width: 1px; -} - -/* Calls list pane */ - -#calls-list .side-menu-widget-container { - background: transparent; -} - -#calls-list .side-menu-widget-item { - padding: 0; -} - -/* Calls list items */ - -#calls-list .side-menu-widget-item { - border-color: #504848; - border-bottom-color: transparent; -} - -.call-item-view:hover { - background-color: #402800; -} - -.call-item-view[draw-call] { - background-color: #403800; -} - -.call-item-view[interesting-call] { - background-color: #272740; -} - -.call-item-gutter { - width: calc(3em + 22px); - -moz-padding-start: 22px; - -moz-padding-end: 4px; - padding-top: 2px; - padding-bottom: 2px; - -moz-border-end: 1px solid; - -moz-margin-end: 6px; -} - -.selected .call-item-gutter { - background-image: url("editor-debug-location.png"); - background-repeat: no-repeat; - background-position: 6px center; - background-size: 12px; -} - -@media (min-resolution: 1.1dppx) { - .selected .call-item-gutter { - background-image: url("editor-debug-location@2x.png"); - } -} - -.call-item-gutter { - background-color: var(--theme-contrastsidebar-background); - color: var(--theme-contrastsidebar-color); - border-color: var(--theme-contrastsidebar-bordercolor); -} - -.call-item-index { - text-align: end; -} - -.call-item-context { - color: var(--theme-highlight-lightorange); -} - -.call-item-name { - color: var(--theme-highlight-blue); -} - -.call-item-location { - -moz-padding-start: 2px; - -moz-padding-end: 6px; - text-align: end; - cursor: pointer; - color: var(--theme-highlight-bluegrey); -} - -.call-item-location:hover { - color: var(--theme-highlight-blue); -} - -.call-item-view:hover .call-item-location, -.call-item-view[expanded] .call-item-location { - text-decoration: underline; -} - -.call-item-location { - border-color: #A09090; -} - -.call-item-stack { - -moz-padding-start: calc(3em + 22px); - padding-bottom: 10px; -} - -.call-item-stack { - background: #403800; -} - -.call-item-stack-fn { - padding-top: 2px; - padding-bottom: 2px; -} - -.call-item-stack-fn-location { - -moz-padding-start: 2px; - -moz-padding-end: 6px; - text-align: end; - cursor: pointer; - text-decoration: underline; -} - -.call-item-stack-fn-name { - color: var(--theme-content-color2); -} - -.theme-dark .call-item-stack-fn-location { - color: var(--theme-content-color1); -} - -.theme-dark .call-item-stack-fn-location:hover { - color: var(--theme-highlight-blue); -} - -#calls-list .selected .call-item-contents > label:not(.call-item-gutter) { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Rendering preview */ - -#screenshot-container { - background-image: linear-gradient(45deg, #504848 25%, transparent 25%, transparent 75%, #504848 75%, #504848), linear-gradient(45deg, #504848 25%, transparent 25%, transparent 75%, #504848 75%, #504848); - background-size: 30px 30px, 30px 30px; - background-position: 0px 0px, 15px 15px; - background-repeat: repeat, repeat; -} - -#screenshot-container { - background-color: #000000; -} - -@media (min-width: 701px) { - #screenshot-container { - width: 30vw; - max-width: 50vw; - min-width: 100px; - } -} - -@media (max-width: 700px) { - #screenshot-container { - height: 40vh; - max-height: 70vh; - min-height: 100px; - } -} - -#screenshot-image { - background-image: -moz-element(#screenshot-rendering); - background-size: contain; - background-position: center, center; - background-repeat: no-repeat; -} - -#screenshot-image[flipped=true] { - transform: scaleY(-1); -} - -#screenshot-dimensions { - padding-top: 4px; - padding-bottom: 4px; - text-align: center; -} - -#screenshot-dimensions { - background-color: #402800; -} - -/* Snapshot filmstrip */ - -#snapshot-filmstrip { - overflow: hidden; -} - -#snapshot-filmstrip { - border-top: 1px solid #000; - color: var(--theme-body-color); -} - -.filmstrip-thumbnail { - image-rendering: -moz-crisp-edges; - background-image: linear-gradient(45deg, #504848 25%, transparent 25%, transparent 75%, #504848 75%, #504848), linear-gradient(45deg, #504848 25%, transparent 25%, transparent 75%, #504848 75%, #504848); - background-size: 12px 12px, 12px 12px; - background-position: 0px -1px, 6px 5px; - background-repeat: repeat, repeat; - background-origin: content-box; - cursor: pointer; - padding-top: 1px; - padding-bottom: 1px; - transition: opacity 0.1s ease-in-out; -} - -.filmstrip-thumbnail[flipped=true] { - transform: scaleY(-1); -} - -.filmstrip-thumbnail { - background-color: #000000; -} - -.filmstrip-thumbnail { - -moz-border-end: 1px solid var(--theme--contrastsidebar-bordercolor) -} - -#snapshot-filmstrip > .filmstrip-thumbnail:hover, -#snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] { - border: 1px solid var(--theme-highlight-blue); - margin: 0 0 0 -1px; - padding: 0; - opacity: 0.66; -}