X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fapp-manager%2Fdevice.css;fp=LCARStrek%2Fbrowser%2Fdevtools%2Fapp-manager%2Fdevice.css;h=0000000000000000000000000000000000000000;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hp=77c70eb66180d98ed4425b519828056405b7897b;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2;p=themes.git diff --git a/LCARStrek/browser/devtools/app-manager/device.css b/LCARStrek/browser/devtools/app-manager/device.css deleted file mode 100644 index 77c70eb6..00000000 --- a/LCARStrek/browser/devtools/app-manager/device.css +++ /dev/null @@ -1,410 +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/. */ - -/***************** GENERAL *****************/ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -html, body { - height: 100%; -} - -body { - font-size: 0.9rem; - color: #FF9F00; - background-color: #000000; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - display: flex; - flex-direction: column; -} - -template { - display: none; -} - -h1 { - font-size: 20px; -} - -#content { - display: flex; - flex-direction: row; - height: 100%; - overflow: hidden; -} - -#detail { - display: flex; - flex-grow: 1; - z-index: 1; - overflow: hidden; -} - -#meta { - background-size: 100%; - padding-top: 50px; -} - -#connection-footer { - border-width: 0; - height: 50px; - min-height: 50px; -} - -#root-actor-debug { - background: #000000; -} - - - -/***************** APP BUTTONS *****************/ - - - -.app-buttons { - display: block; - margin-left: 20px; - color: #FF9F00; -} - -button { - margin: 0; - font-size: 11px; - padding: 5px 15px; - cursor: pointer; - background-color: #C09070; - text-transform: uppercase; - border-radius: 300px; - border-width: 1px; -} - -.app-buttons > button { - display: none; -} - -.app-buttons > button:not([disabled]):hover { - background-color: #FFCF00; - color: #000000; -} - -.app-buttons > button[disabled] { - background-color: #402858; - color: #000000; - pointer-events: none; -} - -.app[running="false"] > .app-buttons > .button-start, -.app[running="true"] > .app-buttons > .button-stop, -.app[running="true"] > .app-buttons > .button-debug { - display: inline-block; -} -/* -.button-debug { - color: #3498DB; -} - -.button-debug:hover { - background-color: #3498DB; - color: #FFF; -} - -.button-debug[disabled] { - color: #3498DB; -} - -.button-start { - color: #18BC9C -} - -.button-start:hover { - background-color: #18BC9C; - color: #FFF; -} - -.button-start[disabled] { - color: #18BC9C -} - -.button-stop { - color: #E74C3C; -} - -.button-stop:hover { - background-color: #E74C3C; - color: #FFF; -} - -.button-stop[disabled] { - color: #E74C3C; -} -*/ - - -/***************** PERMISSIONS *****************/ - - - - -.permission-table { - display: flex; - flex-direction: column; - height: 100%; -} - -.permission-table-body { - overflow: auto; - display: flex; - flex-grow: 1; - flex-direction: column; -} - -.permission-table-header, -.permission-table-footer { - display: flex; - background: #000000; - border-top: 1px solid #9C9CFF; - z-index: 2; - flex-shrink: 0; -} - -.permission-table-header > div, -.permission-table-footer > div { - z-index: 2; - flex-grow: 1; - background-color: #000000; - color: #FF9F00; - border: 0; - margin: auto 0; - padding: 5px; - text-align: center; - background: transparent; - box-shadow: none; - text-shadow: none; -} - -.permission-table-header > div { - flex-basis: 20%; -} - -.permission-table-header > div:first-child { - text-align: start; - padding-left: 10px; - flex-basis: 30%; -} - -.permission-table-header { - border: 0; - border-bottom: 1px solid #9C9CFF; -/* box-shadow: 0 1px 4px rgba(0,0,0,0.3);*/ -} - -.permission-table-footer { -/* box-shadow: 0 -1px 4px rgba(0,0,0,0.3);*/ -} - -.permission { - display: flex; - flex-grow: 1; -} - -.permission:nth-child(odd) { - background-color: #404000; -} - -.permission:hover { - background-color: #FFCF00; - color: #000000; -} - -.permission > div { - flex-grow: 1; - flex-basis: 20%; - text-align: center; - padding: 3px; - border-right: 1px solid #9C9CFF; - border-bottom: 1px solid #9C9CFF; -} - -.permission > div:first-child { - text-align: start; - padding: 3px 10px; - flex-basis: 30%; - font-weight: bold; -} - -.permission > div[permission="1"]:before, .allow-label:after { - color: #008484; - content: ' \2713'; -} - -.permission > div[permission="2"]:before, .deny-label:after { - color: #FF0000; - content: ' \2715'; -} - -.permission > div[permission="3"]:before, .prompt-label:after { - color: #9C9CFF; - content: ' !'; -} - - - - -/***************** SIDEBAR *****************/ - - - - -#sidebar { - background: #000000; - position: relative; - display: flex; - flex-direction: column; - flex: 0 0 350px; - overflow: hidden; - z-index: 100; -} - -.sidebar-item { - background-color: #000000; - color: #FF9F00; - line-height: 120%; - cursor: pointer; - display: flex; - padding: 15px 10px; - display: block; - text-align: start; - flex-grow: 1; -} - -.sidebar-item > * { - flex-shrink: 0; -} - -.sidebar-item:hover, -.sidebar-item.selected:hover { - background-color: #FFCF00; - color: #000000 -} - -.sidebar-item.selected { - background-color: #008484; - color: #000000; -} - -.help { - float: right; - padding: 0 5px; -} - -/***************** HEADER *****************/ - -header { - padding-top: 140px; - color: #9C9CFF; - padding: 10px; -} - - - -/***************** APPS & BROWSER TABS *****************/ - - - -.browser-tabs.hidden { - display: none; -} - -.apps, .browser-tabs { - display: flex; - flex-direction: column; - overflow: auto; -} - -.app, .browser-tab { - display: flex; - align-items: center; - order: 1; -} - -.app-name, .browser-tab-details { - flex-grow: 1; - font-weight: bold; -} - -.app, .browser-tab { - padding: 10px 20px; - border-bottom: 1px solid #9C9CFF; -} - -.app:hover, .browser-tab:hover { - background-color: #404000; -} - -.app-icon { - width: 32px; - height: 32px; - margin-right: 10px; -} - -.browser-tab-url-subheading { - font-size: 10px; -} - - - -/***************** NOT CONNECTED *****************/ - - - -body:not(.notconnected) > #notConnectedMessage, -body.notconnected > #content { - display: none; -} - -#notConnectedMessage { - flex-grow: 1; - flex-direction: column; - margin: 50px auto; -} - -#notConnectedMessage > span { - padding: 20px; - border: 1px solid #9C9CFF; - border-radius: 5px; -} - -#notConnectedMessage > span:before { - content: ''; - background: url('error.svg') no-repeat; - background-size: 18px; - height: 24px; - width: 24px; - position: relative; - top: 10px; - display: inline-block; -} - - - -/***************** TABS *****************/ - -#tabs { - flex-grow: 1; - overflow: auto; -} - -.tabpanel:not(.selected) { - display: none; -} - -#tabs-headers { - flex-shrink: 0; - display: flex; - flex-direction: column; -}