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