LCARStrek/webide/panel-listing.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 html {
   6   font: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
   7   font-size: 11px;
   8   font-weight: 400;
   9   background-color: #000000;
  10   color: #FF9F00;
  11 }
  12
  13 label,
  14 .panel-item,
  15 #project-panel-projects,
  16 #runtime-panel-projects {
  17   display: block;
  18   float: left;
  19   width: 100%;
  20   text-align: left;
  21 }
  22
  23 .project-image,
  24 .panel-item span {
  25   display: inline-block;
  26   float: left;
  27   line-height: 20px;
  28 }
  29
  30 .project-image {
  31   margin-right: 10px;
  32   max-height: 20px;
  33 }
  34
  35 .panel-header {
  36   color: #9C9CFF;
  37   text-transform: uppercase;
  38   line-height: 200%;
  39   margin: 5px 5px 0 5px;
  40   font-weight: 700;
  41   width: 100%;
  42 }
  43
  44 .panel-header:first-child {
  45   margin-top: 0;
  46 }
  47
  48 .panel-header[hidden], .panel-item[hidden] {
  49   display: none;
  50 }
  51
  52 #runtime-panel-simulator,
  53 .panel-item-complex {
  54   clear: both;
  55   position: relative;
  56 }
  57
  58 .panel-item span {
  59   display: block;
  60   float: left;
  61   overflow: hidden;
  62   text-overflow: ellipsis;
  63   width: 75%;
  64   white-space: nowrap;
  65 }
  66
  67 .panel-item {
  68   -moz-appearance: none;
  69   -moz-box-align: center;
  70   padding: 3%;
  71   display: block;
  72   width: 94%;
  73   cursor: pointer;
  74   border-top: 1px solid transparent;
  75   border-left: 0;
  76   border-bottom: 1px solid #A09090;
  77   border-right: 0;
  78   background-color: transparent;
  79 }
  80
  81 button.panel-item {
  82   background-position: 5px 5px;
  83   background-repeat: no-repeat;
  84   background-size: 14px 14px;
  85   padding-left: 25px;
  86   width: 100%;
  87 }
  88
  89 .panel-item:disabled {
  90   background-color: #8050B0;
  91   color: #000000;
  92   opacity: 0.5;
  93   cursor: default;
  94 }
  95
  96 .refresh-icon {
  97   background-image: url("chrome://devtools/skin/images/reload.svg");
  98   height: 14px;
  99   width: 14px;
 100   border: 0;
 101   opacity: 0.6;
 102   display: inline-block;
 103   margin: 3px;
 104   float: right;
 105 }
 106
 107 .panel-item:not(:disabled):hover,
 108 button.panel-item:not(:disabled):hover {
 109   background-color: #FFCF00;
 110   border-top: 1px solid #9C9CFF;
 111 }
 112
 113 .configure-button {
 114   display: inline-block;
 115   height: 30px;
 116   width: 30px;
 117   background-color: transparent;
 118   background-image: -moz-image-rect(url("icons.png"), 104, 462, 129, 438);
 119   background-position: center center;
 120   background-repeat: no-repeat;
 121   background-size: 14px 14px;
 122   position: absolute;
 123   top: -2px;
 124   right: 0;
 125   border: 0;
 126 }
 127
 128 .configure-button:hover {
 129   cursor: pointer;
 130 }
 131
 132 .project-panel-item-openpackaged  { background-image: -moz-image-rect(url("icons.png"), 260, 438, 286, 412); }
 133 .runtime-panel-item-simulator     { background-image: -moz-image-rect(url("icons.png"), 0, 438, 26, 412); }
 134 .runtime-panel-item-other         { background-image: -moz-image-rect(url("icons.png"), 26, 438, 52, 412); }
 135 #runtime-permissions              { background-image: -moz-image-rect(url("icons.png"), 105, 438, 131, 412); }
 136 #runtime-screenshot               { background-image: -moz-image-rect(url("icons.png"), 131, 438, 156, 412); }
 137
 138 #runtime-preferences,
 139 #runtime-settings                 { background-image: -moz-image-rect(url("icons.png"), 105, 464, 131, 438); }
 140
 141 #runtime-panel-nousbdevice,
 142 #runtime-details                  { background-image: -moz-image-rect(url("icons.png"), 156, 438, 182, 412);  }
 143
 144 .runtime-panel-item-usb,
 145 #runtime-disconnect               { background-image: -moz-image-rect(url("icons.png"), 52, 438, 78, 412); }
 146
 147 .runtime-panel-item-wifi,
 148 .project-panel-item-openhosted    { background-image: -moz-image-rect(url("icons.png"), 208, 438, 234, 412); }
 149
 150 .project-panel-item-newapp,
 151 #runtime-panel-noadbhelper,
 152 #runtime-panel-installsimulator   { background-image: -moz-image-rect(url("icons.png"), 234, 438, 260, 412); }