X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;ds=sidebyside;f=LCARStrek%2Fdevtools%2Fapp-manager%2Findex.css;fp=LCARStrek%2Fdevtools%2Fapp-manager%2Findex.css;h=2c1da1f8abd255e55b4635a5d4559c3997d96c2e;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hp=0000000000000000000000000000000000000000;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2;p=themes.git diff --git a/LCARStrek/devtools/app-manager/index.css b/LCARStrek/devtools/app-manager/index.css new file mode 100644 index 00000000..2c1da1f8 --- /dev/null +++ b/LCARStrek/devtools/app-manager/index.css @@ -0,0 +1,105 @@ +/* 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/. */ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; +} + +#tabs { + background: #000000; + -moz-padding-end: 3px; +} + +#toolbox-tabs { + overflow-y: auto; +} + +.button { + width: 80px; + height: 85px; + padding-bottom: 5px; + -moz-appearance: none; + border: none; + background-color: #C09070; + color: #000000; + cursor: pointer; + text-align: center; + -moz-box-align: end; + font-size: 10px; +} + +.button:first-child { + border-top: none; +} + +.button:hover, +.button[selected]:hover { + color: #000000; + background-color: #FFCF00; +} + +.button[selected] { + color: #FFCF00; + background-color: #008484; +} + +.button::-moz-focus-inner { + border-width: 0; +} + +.panel { + border-width: 0; +} + +.panel:not([selected="true"]) { + display: none; +} + +.button.toolbox { + background-repeat: no-repeat; + background-position: center 15px; + background-size: 40px 40px; +} + +.projects-button { + background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); + background-repeat: no-repeat; + background-position: left -5px; +} + +.projects-button[selected]:not(:hover) { + background-position: right -5px; +} + +.device-button { + background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); + background-position: left -85px, top left; + background-repeat: no-repeat, no-repeat; + background-size: 160px 240px, 2px 80px; +} + +.device-button[selected]:not(:hover) { + background-position: right -85px, top left; +} + +.help-button { + border-bottom: 0; + background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); + background-position: left -165px, top left; + background-repeat: no-repeat, no-repeat; + background-size: 160px 240px, 2px 80px; +} + +.help-button[selected]:not(:hover) { + background-position: right -165px, top left; +} + +#connection-footer { + border-width: 0; + height: 50px; + min-height: 50px; +}