LCARStrek/browser/devtools/app-manager/index.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 * {
   6   margin: 0;
   7   padding: 0;
   8   box-sizing: border-box;
   9   font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
  10 }
  11
  12 #tabs {
  13   background: #000000;
  14   -moz-padding-end: 3px;
  15 }
  16
  17 #toolbox-tabs {
  18   overflow-y: auto;
  19 }
  20
  21 .button {
  22   width: 80px;
  23   height: 85px;
  24   padding-bottom: 5px;
  25   -moz-appearance: none;
  26   border: none;
  27   background-color: #C09070;
  28   color: #000000;
  29   cursor: pointer;
  30   text-align: center;
  31   -moz-box-align: end;
  32   font-size: 10px;
  33 }
  34
  35 .button:first-child {
  36   border-top: none;
  37 }
  38
  39 .button:hover,
  40 .button[selected]:hover {
  41   color: #000000;
  42   background-color: #FFCF00;
  43 }
  44
  45 .button[selected] {
  46   color: #FFCF00;
  47   background-color: #008484;
  48 }
  49
  50 .button::-moz-focus-inner {
  51   border-width: 0;
  52 }
  53
  54 .panel {
  55   border-width: 0;
  56 }
  57
  58 .panel:not([selected="true"]) {
  59   display: none;
  60 }
  61
  62 .button.toolbox {
  63   background-repeat: no-repeat;
  64   background-position: center 15px;
  65   background-size: 40px 40px;
  66 }
  67
  68 .projects-button {
  69   background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
  70   background-repeat: no-repeat;
  71   background-position: left -5px;
  72 }
  73
  74 .projects-button[selected]:not(:hover) {
  75   background-position: right -5px;
  76 }
  77
  78 .device-button {
  79   background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
  80   background-position: left -85px, top left;
  81   background-repeat: no-repeat, no-repeat;
  82   background-size: 160px 240px, 2px 80px;
  83 }
  84
  85 .device-button[selected]:not(:hover) {
  86   background-position: right -85px, top left;
  87 }
  88
  89 .help-button {
  90   border-bottom: 0;
  91   background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
  92   background-position: left -165px, top left;
  93   background-repeat: no-repeat, no-repeat;
  94   background-size: 160px 240px, 2px 80px;
  95 }
  96
  97 .help-button[selected]:not(:hover) {
  98   background-position: right -165px, top left;
  99 }
 100
 101 #connection-footer {
 102   border-width: 0;
 103   height: 50px;
 104   min-height: 50px;
 105 }