@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace svg url("http://www.w3.org/2000/svg");

svg|text {
  stroke-width: 1px;
  /*font-family: -moz-fixed;*/
  font-variant: normal;
  line-height: normal;
  font-size: 8pt ! important;
  dominant-baseline: middle;
  text-anchor: middle;
  fill: white;
}

:root[cleartheme="true"] svg|text {
  fill: black;
}

hruler[disabled], vruler[disabled]  {
  visibility: hidden;
}

hruler, vruler {
  display: -moz-box;
  background-color: transparent;
}

hruler {
  stroke-width: 4px;
  /*font-family: -moz-fixed;
  font-weight: bold;*/
  font-variant: normal;
  line-height: normal;
  font-size: x-small;
  height: 16px;
  width: 100%;
  margin: 2px 0px;
  position: absolute;
}

vruler {
  stroke-width: 4px;
  /*font-family: -moz-fixed;
  font-weight: bold;*/
  font-variant: normal;
  line-height: normal;
  font-size: x-small;
  width: 16px;
  margin: 0px 2px;
  /*position: absolute;*/
}

hruler svg|rect,
vruler svg|rect {
  fill: #454545;
}

:root[cleartheme="true"] hruler svg|rect,
:root[cleartheme="true"] vruler svg|rect {
  fill: white;
}

svg|rect.ruler-separator {
  fill: gray;
}

:root[cleartheme="true"] svg|rect.ruler-separator {
  fill: black;
}
