doc/webdeveloper/stylesheets/display_element_information.css

   1 *
   2 {
   3     cursor: crosshair !important;
   4 }
   5
   6 #webdeveloper-element-information
   7 {
   8     -moz-opacity: 0.9 !important;
   9     background-color: #ffff99 !important;
  10     border: 1px solid #ffcc66 !important;
  11     left: 5px;
  12     max-width: 40em !important;
  13     min-width: 20em !important;
  14     opacity: 0.9 !important;
  15     position: absolute !important;
  16     top: 5px;
  17     z-index: 1000 !important;
  18 }
  19
  20 #webdeveloper-element-information, #webdeveloper-element-information *
  21 {
  22     color: #000000 !important;
  23     font-family: sans-serif !important;
  24         font-size: 10px !important;
  25         font-style: normal !important;
  26         font-variant: normal !important;
  27         font-weight: normal !important;
  28     height: auto !important;
  29         letter-spacing: 0 !important;
  30         text-align: left !important;
  31         text-decoration: none !important;
  32         text-transform: none !important;
  33     width: auto !important;
  34 }
  35
  36 #webdeveloper-element-information, #webdeveloper-element-information dd, #webdeveloper-element-information dl, #webdeveloper-element-information dt, #webdeveloper-element-information h2, #webdeveloper-element-information p, #webdeveloper-element-information table, #webdeveloper-element-information td
  37 {
  38     margin: 0 !important;
  39 }
  40
  41 #webdeveloper-element-information, #webdeveloper-element-information dl, #webdeveloper-element-information p, #webdeveloper-element-information table
  42 {
  43     padding: 0 !important;
  44 }
  45
  46 #webdeveloper-element-information.force-width
  47 {
  48     width: 20em !important;
  49 }
  50
  51 #webdeveloper-element-information dd, #webdeveloper-element-information dd *
  52 {
  53     cursor: text !important;
  54 }
  55
  56 #webdeveloper-element-information dd, #webdeveloper-element-information dt
  57 {
  58     border-color: #ffcc66 !important;
  59     border-style: solid !important;
  60     border-width: 1px 0 0 0 !important;
  61 }
  62
  63 #webdeveloper-element-information dd, #webdeveloper-element-information dt, #webdeveloper-element-information h2
  64 {
  65     padding: 0 5px !important;
  66 }
  67
  68 #webdeveloper-element-information dt
  69 {
  70     background-color: #ffee88 !important;
  71     background-image: url(chrome://webdeveloper/content/images/arrow_down.png) !important;
  72     background-position: 95% 50% !important;
  73     background-repeat: no-repeat !important;
  74     cursor: pointer !important;
  75 }
  76
  77 #webdeveloper-element-information dt, #webdeveloper-element-information h2
  78 {
  79     font-size: 12px !important;
  80     font-weight: bold !important;
  81 }
  82
  83 #webdeveloper-element-information dt.collapsed
  84 {
  85     background-image: url(chrome://webdeveloper/content/images/arrow_left.png) !important;
  86 }
  87
  88 #webdeveloper-element-information dt.collapsed + dd
  89 {
  90     display: none !important;
  91 }
  92
  93 #webdeveloper-element-information h2
  94 {
  95     background-color: #ffcc66 !important;
  96     cursor: move !important;
  97 }
  98
  99 #webdeveloper-element-information table
 100 {
 101     border-collapse: collapse !important;
 102 }
 103
 104 #webdeveloper-element-information td
 105 {
 106     padding: 0 10px 0 0 !important;
 107     vertical-align: top !important;
 108 }
 109
 110 #webdeveloper-element-information *
 111 {
 112     border-style: none !important;
 113 }