add Sync styling for Firefox

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

diff --git a/LCARStrek/browser/aboutSyncTabs.css b/LCARStrek/browser/aboutSyncTabs.css
new file mode 100644 (file)
index 0000000..937a4c8
--- /dev/null
+++ b/LCARStrek/browser/aboutSyncTabs.css
@@ -0,0 +1,82 @@
+#tabsList {
+  background: #000000;
+  width: 100%;
+}
+
+#headers {
+  background: url("chrome://communicator/skin/sync/sync-32.png") no-repeat;
+  margin-top: 4px;
+  width: 45em;
+  height: 32px;
+  -moz-margin-start: 2em;
+  -moz-margin-end: 2em;
+}
+
+#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://browser/skin/sync-mobileIcon.png");
+}
+richlistitem.desktop[type="client"] {
+  list-style-image: url("chrome://browser/skin/sync-desktopIcon.png");
+}
+
+.title,
+.clientName {
+  font-size: 1.1em;
+}
+
+.title[selected="true"],
+.url[selected="true"] {
+  color: inherit;
+}
+
+.url {
+  color: blue;
+  font-size: 0.95em;
+}
+
+.tabIcon {
+  -moz-padding-start: 2px;
+  padding-top: 2px;
+}