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: 230px;
 111 }
 112
 113 .stylesheet-sidebar {
 114   border-left: 1px solid #9C9CFF;
 115 }
 116
 117 .media-rule-label {
 118   border-bottom: 1px solid #A09090;
 119 }
 120
 121 .media-rule-label {
 122   padding: 4px;
 123   cursor: pointer;
 124 }
 125
 126 .media-condition-unmatched {
 127   color: #8050B0;
 128 }
 129
 130 .stylesheet-enabled {
 131   padding: 8px 0;
 132   margin: 0 8px;
 133   background-image: url("itemToggle.png");
 134   background-repeat: no-repeat;
 135   background-clip: content-box;
 136   background-position: 0 8px;
 137   background-size: 48px 24px;
 138   width: 24px;
 139   height: 40px;
 140 }
 141
 142 @media (min-resolution: 2dppx) {
 143   .stylesheet-enabled {
 144     background-image: url("itemToggle@2x.png");
 145   }
 146 }
 147
 148 .disabled > .stylesheet-enabled {
 149   background-position: -24px 8px;
 150 }
 151
 152 .splitview-nav > li > .stylesheet-enabled:focus,
 153 .splitview-nav > li:hover > .stylesheet-enabled {
 154   outline: 0;
 155 }
 156
 157 .stylesheet-linked-file:not(:empty){
 158   -moz-margin-end: 0.4em;
 159 }
 160
 161 .stylesheet-linked-file:not(:empty):before {
 162   -moz-margin-start: 0.4em;
 163 }
 164
 165 li.linked-file-error .stylesheet-linked-file:after {
 166   font-size: 110%;
 167 }
 168
 169 .stylesheet-more > h3 {
 170   font-size: 11px;
 171   -moz-margin-end: 2px;
 172 }
 173
 174 .devtools-searchinput {
 175   max-width: 25ex;
 176   font-size: 11px;
 177 }
 178
 179 .placeholder {
 180   color: white;
 181 }
 182
 183 .placeholder a {
 184   text-decoration: underline;
 185 }
 186
 187 h1,
 188 h2,
 189 h3 {
 190   font-size: inherit;
 191   font-weight: normal;
 192   margin: 0;
 193   padding: 0;
 194 }
 195
 196 @media (max-width: 700px) {
 197   .stylesheet-sidebar {
 198     width: 150px;
 199   }
 200 }
 201
 202 /* portrait mode */
 203 @media (max-width: 550px) {
 204   .splitview-nav {
 205     box-shadow: none;
 206   }
 207
 208   .splitview-nav > li.splitview-active {
 209     background-size: 0 0, 0 0, auto;
 210   }
 211
 212   .stylesheet-enabled {
 213     padding: 0;
 214     background-position: 0 0;
 215     height: 24px;
 216   }
 217
 218   .disabled > .stylesheet-enabled {
 219     background-position: -24px 0;
 220   }
 221
 222   .splitview-nav > li > hgroup.stylesheet-info {
 223     -moz-box-align: baseline;
 224   }
 225
 226   .stylesheet-sidebar {
 227     width: 180px;
 228   }
 229 }