X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;ds=sidebyside;f=LCARStrek%2Fdevtools%2Fapp-manager%2Fconnection-footer.css;fp=LCARStrek%2Fdevtools%2Fapp-manager%2Fconnection-footer.css;h=c7f18c80e34685d5fbcdd125d22ec50c11492a1a;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hp=0000000000000000000000000000000000000000;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2;p=themes.git diff --git a/LCARStrek/devtools/app-manager/connection-footer.css b/LCARStrek/devtools/app-manager/connection-footer.css new file mode 100644 index 00000000..c7f18c80 --- /dev/null +++ b/LCARStrek/devtools/app-manager/connection-footer.css @@ -0,0 +1,229 @@ +/* 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/. */ + +/************** LAYOUT **************/ + +#connection-footer { + display: flex; + flex-direction: column; + height: 50px; +} + +#banners-and-logs { + display: flex; + flex-grow: 1; +} + +#logs { + display: flex; + width: 40%; + padding: 0; + width: 100%; +} + +.banner { + display: none; + width: 60%; +} + +#connection-footer[status="connected"] #banner-connected, +#connection-footer[status="connecting"] #banner-connecting, +#connection-footer[status="disconnected"] #banner-disconnected, +#connection-footer[status="disconnecting"] #banner-disconnecting { + display: flex; +} + +body.show-simulators .banner, +body.edit-connection .banner { + display: none !important; +} + +body.show-simulators #banner-simulators, +body.edit-connection #banner-editing { + display: flex !important; +} + +#banner-logs { + width: 40%; + display: flex; +} + +#logs > pre { + overflow: auto; + white-space: pre-line; +} + +#status.banner-box { + width: 100% !important; +} + +.banner-box { + display: flex; + flex-direction: column; + justify-content: center; + width: 100%; +} + +#banner-connected > .banner-box { + align-items: flex-start; +} + +#start-simulator-box { + display: inline; +} + +/************** PIXELS **************/ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-size: 0.9rem; +} + +body { + color: #FF9F00; + background-color: #000000; + font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; +} + +button { + background-color: #C09070; + color: #000000; + border: none; + cursor: pointer; + border-radius: 300px; + padding-top: 1px; + padding-bottom: 2px; + -moz-padding-start: .5em; + -moz-padding-end: calc(.5em + 1px); +} + +button.left { + margin-right: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +button.right { + margin-left: -6px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.action-primary { + background-color: #A06060; +} + +button.action-cancel { +} + +button:hover, +button.action-primary:hover { + background-color: #FFCF00; + color: #000000; +} + +button:hover:active { + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: calc(.5em + 1px); + -moz-padding-end: .5em; +} + +#banners-and-logs { +/* border-top: #9C9CFF solid;*/ + border-width: 1px 0; +/* background: linear-gradient(to bottom, #323A42, #29313A); + color: #A8BABF;*/ +} + +#status { +/* background: linear-gradient(to bottom, #454F59, #404952); + box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973;*/ +} + +#logs > pre { + border: 1px solid #A09090; + font-size: 10px; + background: #000000; + padding: 5px; + height: 100%; + padding-left: 20px; + position: relative; +} + +#logs > pre span{ + color: #9C9CFF; + position: fixed; + right: calc(30% - 15px); + bottom: -1px; +} + +#logs > pre b { + font-size: 10px; + color: #A09090; +} + +.banner-box { +/* border-right: 1px solid #111; + background-position: center right; + background-size: 1px 100%; + background-repeat: no-repeat;*/ + padding: 10px 20px; + position: relative; +} + +.connected-status { + color: #9C9CFF; + padding-bottom: 10px; +} + +.connected-status { + font-size: 150%; + top: 10%; + padding-right: 3px; + position: relative; +} + +.connected-indicator { + border-radius: 300px; + height: 100%; + flex: 0 0 10px; +} + +#banner-connected .connected-indicator, +#banner-connecting .connected-indicator { + background-color: #008484; +} + +#banner-simulators .connected-indicator, +#banner-disconnected .connected-indicator, +#banner-editing .connected-indicator, +#banner-disconnecting .connected-indicator { + background-color: #A09090; +} + +#banner-simulators .banner-content > * { + display: inline-block; +} + +#banner-simulators[simulator-count="0"] .found-simulator, +#banner-simulators:not([simulator-count="0"]) .no-simulator { + display: none; +} + +#connection-no-device, +[device-count="0"] > #connection-found-device, +#connection-manual, +#connection-assisted { + display: none; +} + +#connection-found-device, +[device-count="0"] > #connection-no-device, +[adb-available="true"] > #connection-assisted, +[adb-available="false"] > #connection-manual { + display: inline; +}