LCARStrek/browser/devtools/projecteditor/projecteditor.css

   1 /* vim:set ts=2 sw=2 sts=2 et: */
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this
   4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   5
   6  :root {
   7   color: #FF9F00;
   8 }
   9
  10 .view-project-detail {
  11   overflow: auto;
  12 }
  13
  14 .plugin-hidden {
  15   display: none;
  16 }
  17
  18 .arrow {
  19   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
  20   width: 20px;
  21   height: 20px;
  22 }
  23
  24 .arrow[open] {
  25   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
  26 }
  27
  28 .arrow[invisible] {
  29   visibility: hidden;
  30 }
  31
  32 #projecteditor-menubar {
  33   display: none;
  34 }
  35
  36 #projecteditor-toolbar,
  37 #projecteditor-toolbar-bottom {
  38   display: none; /* For now don't show the status bars */
  39   min-height: 22px;
  40   height: 22px;
  41   background: #9C9CFF;
  42 }
  43
  44 #sources {
  45   overflow: auto;
  46 }
  47
  48 .sources-tree {
  49   overflow:auto;
  50   overflow-x: hidden;
  51   -moz-user-focus: normal;
  52
  53   /* Allows this to expand inside of parent xul element, while
  54      still supporting child flexbox elements, including ellipses. */
  55   -moz-box-flex: 1;
  56   display: block;
  57 }
  58
  59 .sources-tree input {
  60   margin: 2px;
  61   border: 1px solid #A09090;
  62 }
  63
  64 #main-deck .sources-tree {
  65   background: #000000;
  66   min-width: 100px;
  67 }
  68
  69 .entry {
  70   color: #FF9F00;
  71   display: flex;
  72   align-items: center;
  73 }
  74
  75 .entry .file-label {
  76   display: flex;
  77   flex: 1;
  78   align-items: center;
  79 }
  80
  81 .entry {
  82   border: none;
  83   box-shadow: none;
  84   white-space: nowrap;
  85   cursor: pointer;
  86 }
  87
  88 .entry:hover:not(.entry-group-title):not(.selected) {
  89   background: #404000;
  90 }
  91
  92 .entry.selected {
  93   background: #008484;
  94   color: #000000;
  95   outline: none;
  96 }
  97
  98 .entry-group-title {
  99   background: #A09090;
 100   color: #000000;
 101   font-weight: bold;
 102   font-size: 1.05em;
 103   line-height: 35px;
 104   padding: 0 10px;
 105 }
 106
 107 .sources-tree .entry-group-title .expander {
 108   display: none;
 109 }
 110
 111 .entry .expander {
 112   width: 16px;
 113   padding: 0;
 114 }
 115
 116 .tree-collapsed .children {
 117   display: none;
 118 }
 119
 120 /* Plugins */
 121
 122 #projecteditor-toolbar textbox {
 123   margin: 0;
 124 }
 125
 126 .projecteditor-basic-display {
 127   padding: 0 3px;
 128 }
 129
 130 /* App Manager */
 131 .project-name-label {
 132   font-weight: bold;
 133   padding-left: 10px;
 134   overflow: hidden;
 135   text-overflow: ellipsis;
 136 }
 137
 138 .project-flex {
 139   flex: 1;
 140 }
 141
 142 .project-image {
 143   max-height: 25px;
 144   margin-left: -10px;
 145 }
 146
 147 .project-image,
 148 .project-status,
 149 .project-options {
 150   flex-shrink: 0;
 151 }
 152
 153 .project-status {
 154   width: 10px;
 155   height: 10px;
 156   border-radius: 50%;
 157   border: solid 1px #9C9CFF;
 158   margin-right: 10px;
 159   color: #000000;
 160   visibility: hidden;
 161 }
 162
 163 .project-status[status=valid] {
 164   background: #008484;
 165   visibility: visible;
 166 }
 167
 168 .project-status[status=warning] {
 169   background: #FF9F00;
 170   visibility: visible;
 171 }
 172
 173 .project-status[status=error] {
 174   background: #FF0000;
 175   visibility: visible;
 176 }
 177
 178 /* Status Bar */
 179 .projecteditor-file-label {
 180   font-weight: bold;
 181   padding-left: 29px;
 182   padding-right: 10px;
 183   flex: 1;
 184 }
 185
 186 /* Image View */
 187 .editor-image {
 188   padding: 10px;
 189 }