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   max-width: 400px;
 111   min-width: 100px;
 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 .splitview-nav > li > .stylesheet-enabled:focus,
 156 .splitview-nav > li:hover > .stylesheet-enabled {
 157   outline: 0;
 158 }
 159
 160 .stylesheet-linked-file:not(:empty){
 161   -moz-margin-end: 0.4em;
 162 }
 163
 164 .stylesheet-linked-file:not(:empty):before {
 165   -moz-margin-start: 0.4em;
 166 }
 167
 168 li.linked-file-error .stylesheet-linked-file:after {
 169   font-size: 110%;
 170 }
 171
 172 .stylesheet-more > h3 {
 173   font-size: 11px;
 174   -moz-margin-end: 2px;
 175 }
 176
 177 .devtools-searchinput {
 178   max-width: 25ex;
 179   font-size: 11px;
 180 }
 181
 182 .placeholder {
 183   color: white;
 184 }
 185
 186 .placeholder a {
 187   text-decoration: underline;
 188 }
 189
 190 h1,
 191 h2,
 192 h3 {
 193   font-size: inherit;
 194   font-weight: normal;
 195   margin: 0;
 196   padding: 0;
 197 }
 198
 199 @media (max-width: 700px) {
 200   .stylesheet-sidebar {
 201     width: 150px;
 202   }
 203 }
 204
 205 /* portrait mode */
 206 @media (max-width: 550px) {
 207   .splitview-nav {
 208     box-shadow: none;
 209   }
 210
 211   .splitview-nav > li.splitview-active {
 212     background-size: 0 0, 0 0, auto;
 213   }
 214
 215   .stylesheet-enabled {
 216     padding: 0;
 217     background-position: 0 0;
 218     height: 24px;
 219   }
 220
 221   .disabled > .stylesheet-enabled {
 222     background-position: -24px 0;
 223   }
 224
 225   .splitview-nav > li > hgroup.stylesheet-info {
 226     -moz-box-align: baseline;
 227   }
 228
 229   .stylesheet-sidebar {
 230     width: 180px;
 231   }
 232 }