LCARStrek/browser/devtools/layoutview.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 body {
   6   background: url("layout-background.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
   7   color: #FF9F00;
   8   border-top: 1px solid #9C9CFF;
   9   -moz-box-sizing: border-box;
  10 }
  11
  12 #element-size {
  13   color: #FF9F00;
  14 }
  15
  16 #main {
  17   border-color: #FF9F00;
  18   border-style: dotted;
  19 }
  20
  21 #main > .border {
  22   color: #000000;
  23 }
  24
  25 .border > span {
  26   background-color: #9C9CFF;
  27   border-radius: 2px;
  28   padding: 0 4px;
  29 }
  30
  31 #content {
  32   border-color: #FF9F00;
  33   border-style: dotted
  34 }
  35
  36 #padding {
  37   border-color: hsla(240,100%,85%,0.1);
  38   border-style: solid;
  39 }
  40
  41 #borders {
  42   border-style: solid;
  43   border-color: #9C9CFF;
  44 }
  45
  46 #togglebutton {
  47   background-image: url("layout-buttons.png");
  48   width: 16px;
  49   height: 16px;
  50 }
  51
  52 body.open {
  53   background: url("layout-background-grid.png"), -moz-radial-gradient(50% 70%, circle cover, #000000 0%, #000000 100%);
  54 }
  55
  56 body.open > #header > #togglebutton {
  57   background-position: -16px 0;
  58 }