tweaks for making devtools look nicer

[themes.git] / LCARStrek / communicator / aboutSyncTabs.css

#tabsList {
  background: #000000;
}

#headers {
  background: url("chrome://communicator/skin/sync/sync-32.png") no-repeat;
  width: 45em;
  height: 32px;
  margin: 4px 2em 0px;
}

#tabsListHeading {
  font-size: 140%;
  font-weight: bold;
  -moz-margin-start: 40px;
}

richlistitem {
  -moz-margin-end: 2em;
}

richlistitem[selected="true"],
richlistitem:focus {
  outline-style: none;
}

richlistitem[type="tab"] {
  min-height: 3em;
  border: #9C9CFF 1px solid !important;
  padding: 2px 5px;
  margin-bottom: 4px;
  -moz-margin-start: 4em;
  border-radius: 6px;
  background-color: #402800;
  width: 44em;
  opacity: 0.9;
}

richlistitem[type="tab"][selected="true"] {
  background-color: #008484;
}

richlistitem[type="client"] {
  min-height: 2em;
  color: #FF9F00;
  -moz-margin-start: 2em;
  margin-top: 2px;
  margin-bottom: 3px;
  width: 42em;
  border-radius: 6px;
  background-color: transparent;
  -moz-user-focus: ignore !important;
}
richlistitem.mobile[type="client"] {
  list-style-image: url("chrome://communicator/skin/sync/sync-mobileIcon.png");
}
richlistitem.desktop[type="client"] {
  list-style-image: url("chrome://communicator/skin/sync/sync-desktopIcon.png");
}

.title,
.clientName {
  font-size: 1.1em;
}

.url {
  color: #3333FF;
  font-size: 0.95em;
}

.url[selected="true"] {
  color: inherit;
}

.tabIcon {
  -moz-padding-start: 2px;
  padding-top: 2px;
}