LCARStrek/browser/devtools/styleeditor.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 window:not([windowtype]) {
   7   /* This does not apply to the standalone window in FF 19 and lower,
   8    * only to the dev toolbox in FF 20+. */
   9   padding: 0;
  10 }
  11
  12 #style-editor-chrome {
  13   background-color: #000000;
  14 }
  15
  16 .csscoverage-report {
  17   background: #A09090; /* Toolbars */
  18 }
  19
  20 .csscoverage-report-container {
  21   height: 100vh;
  22   padding: 10px;
  23 }
  24
  25 .csscoverage-report-content {
  26   font-size: 13px;
  27   margin: 0 auto;
  28   max-width: 600px;
  29   padding: 0 10px;
  30 }
  31
  32 .csscoverage-report h1,
  33 .csscoverage-report h2,
  34 .csscoverage-report h3 {
  35   font-weight: bold;
  36 }
  37
  38 .csscoverage-report textarea {
  39   width: 100%;
  40   height: 100px;
  41 }
  42
  43 .csscoverage-report > .csscoverage-toolbar {
  44   border: none;
  45   margin: 0;
  46   padding: 0;
  47 }
  48
  49 .csscoverage-report > .csscoverage-toolbarbutton {
  50   min-width: 4em;
  51   min-height: 100vh;
  52   margin: 0;
  53   padding: 0;
  54   border-radius: 0;
  55   border-top: none;
  56   border-bottom: none;
  57   -moz-border-start: none;
  58 }
  59
  60 .stylesheet-title,
  61 .stylesheet-name {
  62   text-decoration: none;
  63   color: #9C9CFF;
  64 }
  65
  66 .stylesheet-name {
  67   font-size: 13px;
  68 }
  69
  70 .stylesheet-rule-count,
  71 .stylesheet-linked-file,
  72 .stylesheet-saveButton {
  73   color: #FF9F00;
  74 }
  75
  76 .stylesheet-saveButton {
  77   text-decoration: underline;
  78   cursor: pointer;
  79 }
  80
  81 .splitview-active .stylesheet-title,
  82 .splitview-active .stylesheet-name {
  83   color: #FFCF00;
  84 }
  85
  86 .splitview-active .stylesheet-rule-count,
  87 .splitview-active .stylesheet-linked-file,
  88 .splitview-active .stylesheet-saveButton {
  89   color: #E7ADE7;
  90 }
  91
  92 .splitview-nav:focus {
  93   outline: 0; /* focus ring is on the stylesheet name */
  94 }
  95
  96 .splitview-nav > li.unsaved > hgroup .stylesheet-name {
  97   font-style: italic;
  98 }
  99
 100 .splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
 101 .splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
 102   font-style: italic;
 103 }
 104
 105 .splitview-nav.empty > p {
 106   padding: 0 10px;
 107 }
 108
 109 .stylesheet-sidebar {
 110   width: 237px;
 111   -moz-border-start: 1px solid;
 112
 113   border-color: #9C9CFF; /* Splitters */
 114 }
 115
 116 .media-rule-label {
 117   border-bottom: 1px solid #A09090; /* Grey */
 118 }
 119
 120 .media-rule-label {
 121   padding: 4px;
 122   cursor: pointer;
 123 }
 124
 125 .media-rule-line {
 126   -moz-padding-start: 4px;
 127 }
 128
 129 .media-condition-unmatched {
 130   color: #8050B0;
 131 }
 132
 133 .stylesheet-enabled {
 134   padding: 8px 0;
 135   margin: 0 8px;
 136   background-image: url("itemToggle.png");
 137   background-repeat: no-repeat;
 138   background-clip: content-box;
 139   background-position: 0 8px;
 140   background-size: 48px 24px;
 141   width: 24px;
 142   height: 40px;
 143 }
 144
 145 @media (min-resolution: 2dppx) {
 146   .stylesheet-enabled {
 147     background-image: url("itemToggle@2x.png");
 148   }
 149 }
 150
 151 .disabled > .stylesheet-enabled {
 152   background-position: -24px 8px;
 153 }
 154
 155 #style-editor-options {
 156   width: 20px;
 157   overflow: hidden;
 158 }
 159
 160 .splitview-nav > li > .stylesheet-enabled:focus,
 161 .splitview-nav > li:hover > .stylesheet-enabled {
 162   outline: 0;
 163 }
 164
 165 .stylesheet-linked-file:not(:empty){
 166   -moz-margin-end: 0.4em;
 167 }
 168
 169 .stylesheet-linked-file:not(:empty):before {
 170   -moz-margin-start: 0.4em;
 171 }
 172
 173 li.linked-file-error .stylesheet-linked-file:after {
 174   font-size: 110%;
 175 }
 176
 177 .stylesheet-more > h3 {
 178   font-size: 11px;
 179   -moz-margin-end: 2px;
 180 }
 181
 182 .devtools-searchinput {
 183   max-width: 25ex;
 184   font-size: 11px;
 185 }
 186
 187 .placeholder {
 188   color: white;
 189 }
 190
 191 .placeholder a {
 192   text-decoration: underline;
 193 }
 194
 195 h1,
 196 h2,
 197 h3 {
 198   font-size: inherit;
 199   font-weight: normal;
 200   margin: 0;
 201   padding: 0;
 202 }
 203
 204 @media (max-width: 700px) {
 205   .stylesheet-sidebar {
 206     width: 150px;
 207   }
 208 }
 209
 210 /* portrait mode */
 211 @media (max-width: 550px) {
 212   .splitview-nav {
 213     box-shadow: none;
 214   }
 215
 216   .splitview-nav > li.splitview-active {
 217     background-size: 0 0, 0 0, auto;
 218   }
 219
 220   .stylesheet-enabled {
 221     padding: 0;
 222     background-position: 0 0;
 223     height: 24px;
 224   }
 225
 226   .disabled > .stylesheet-enabled {
 227     background-position: -24px 0;
 228   }
 229
 230   .splitview-nav > li > hgroup.stylesheet-info {
 231     -moz-box-align: baseline;
 232   }
 233
 234   .stylesheet-sidebar {
 235     width: 180px;
 236   }
 237 }