From 84c37d045abf199761a47f803ff5357299fd97f6 Mon Sep 17 00:00:00 2001
From: Robert Kaiser <robert@notebook.box.kairo.at>
Date: Sun, 13 Mar 2011 22:12:05 +0100
Subject: [PATCH] add Sync styling for Firefox

---
 LCARStrek/browser/aboutSyncTabs.css       |  82 +++++++++++++++
 LCARStrek/browser/sync-16.png             | Bin 0 -> 245 bytes
 LCARStrek/browser/sync-32.png             | Bin 0 -> 327 bytes
 LCARStrek/browser/sync-desktopIcon.png    | Bin 0 -> 197 bytes
 LCARStrek/browser/sync-mobileIcon.png     | Bin 0 -> 215 bytes
 LCARStrek/browser/sync-throbber.png       | Bin 0 -> 1022 bytes
 LCARStrek/browser/syncCommon.css          |  45 +++++++++
 LCARStrek/browser/syncQuota.css           |  22 +++++
 LCARStrek/browser/syncSetup.css           | 115 ++++++++++++++++++++++
 LCARStrek/communicator/sync/syncSetup.css |   1 +
 10 files changed, 265 insertions(+)
 create mode 100644 LCARStrek/browser/aboutSyncTabs.css
 create mode 100644 LCARStrek/browser/sync-16.png
 create mode 100644 LCARStrek/browser/sync-32.png
 create mode 100644 LCARStrek/browser/sync-desktopIcon.png
 create mode 100644 LCARStrek/browser/sync-mobileIcon.png
 create mode 100644 LCARStrek/browser/sync-throbber.png
 create mode 100644 LCARStrek/browser/syncCommon.css
 create mode 100644 LCARStrek/browser/syncQuota.css
 create mode 100644 LCARStrek/browser/syncSetup.css

diff --git a/LCARStrek/browser/aboutSyncTabs.css b/LCARStrek/browser/aboutSyncTabs.css
new file mode 100644
index 00000000..937a4c8a
--- /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;
+}
diff --git a/LCARStrek/browser/sync-16.png b/LCARStrek/browser/sync-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc6924a34faf03501c5a4fa0bcad938108266934
GIT binary patch
literal 245
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|cmjMvT!Hle
z^FV^(|9pn&iD&A7EXI-`zhDN3XE)M7oFs2|7lsa2Sq~tGv%n*=n1O*?7=#%aX3dcR
z3bL1Y`ns~;W)c>bQNCt)CmJXe>gnPb!f`!0frmFSA>qWVlLrp$&^q1Nm>YSQg>7Z$
z8-Ix<GLqX3LM#p5rL0IvIMFIl$=8!D`9wx$x`9W0LG+;m+sd!8upOJaT1G<RQW%r3
dAa5xHgYZ|8z}?s7UjQv&@O1TaS?83{1OP;IM*IK(

literal 0
HcmV?d00001

diff --git a/LCARStrek/browser/sync-32.png b/LCARStrek/browser/sync-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d774a496bd7c9862067c14e04f461ed1835c06a
GIT binary patch
literal 327
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnH3?%tPCZz)@#^NA%Cx&(BWL^R}JOMr-u0Z<#
zc_6{?e?G(X#4~k37Gp_}UoeBivm0q3PLj8~3quF1tOt<8S>O>_%)r1c48n{Iv*t(u
z1=&kHeO=jaGYN}WYrf2zxD+U~+|$J|MB=jV1w+0=20W|*?u%wdat5t;>c6m*+t|B!
z)|oR4C)F?Uo4cz(a@ib4MHzFgij$L*EdMFqS}obOFud}E^FxD$lP_1?5o8hj&{3tF
z@K#n|KGW#IWZ#_%X2;e$Rvm7<6O$O+$YZP-wE94I)V1$rI`(tQbIx+_Tr<Ja^1?;2
zH5-$jtt(IMopSi>YrFH`Bg|8-%w>)4;#{*+CG5(Q>$+$E>u1z5Caw-pX}SL27U*OK
MPgg&ebxsLQ07fEn8~^|S

literal 0
HcmV?d00001

diff --git a/LCARStrek/browser/sync-desktopIcon.png b/LCARStrek/browser/sync-desktopIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a3f6aed824fac3739bbcf1a9ea02bd32f4651141
GIT binary patch
literal 197
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!93?!50ihlx9jKx9jP7LeL$-D$|cmjMvT!AzY
z%$f85|9pnK|NF~;9LAC$zhDN3XE)M7oFs2|7lsa2Sq~tGv%n*=n1O*?7=#%aX3dcR
z3bL1Y`ns~;W)c=s(-nQ>Dg+c#^>lFz;kcfhz`(dJbhVhli~s-sH#?e}Y-wU(3}e66
ec!4dgk%8gWB&ms=iQHj84Gf;HelF{r5}E*NsWRUH

literal 0
HcmV?d00001

diff --git a/LCARStrek/browser/sync-mobileIcon.png b/LCARStrek/browser/sync-mobileIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb40f711574859e21c7aa6f3513842742fb279dd
GIT binary patch
literal 215
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!73?$#)eFPF<EDmyaVpw-h<|UBBAK(+>DhOmS
zFf;^gm^0`9|M?7_?aLnn`HUq&e!&b5&u*lFI7!~_E({&4vK~MVXMsm#F#`j)FbFd;
z%$g$s6l5>)^mS#w%_J<OE~q?>;|fs7#M8wwgyVX0LIZPhax$~P**A|KJ>p5T;Nns;
yoWZNWlg6yk%xKQMkZl?F)f9Dg^$@`sZyDB~<P$nJtHc$kpTX1B&t;ucLK6V1lsD`E

literal 0
HcmV?d00001

diff --git a/LCARStrek/browser/sync-throbber.png b/LCARStrek/browser/sync-throbber.png
new file mode 100644
index 0000000000000000000000000000000000000000..4230cbb9a43fe0a92243482af248a9e25be54c5e
GIT binary patch
literal 1022
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`9Er&xK0ulUh#6|mrd<G1QfUw|
zkPuh{hye!Em|rk3?ASb?706>O4sv&5Sa(k5C6L3G<n8Xl@E-&h>|H(?D8gCb5n0T@
zz%2~Ij105pNB{-dOFVsD*>5umiwcS7c2`~k3N7+<aSX9I-5Y#R@PGmb_dMpS6Rl<{
zZ<W62pDcKBmbF~PBo@{Lro9Vzp518F%sTjIx{LmbYx`~-pQ57Gcc)^~nIz4IYi@2G
zQ+E8{?#A}@W-7x5zRGDU_BjPx*-bB*Hs?}#rEAIsjwdVy<$sSG=vgskr+huT@2(1~
zQ|PW6Gi|obe%n}II{)+Pr#w+}dCwSJ`<gB_Jvqkw`$4^c2Wk1ri>LN|U|83Bm^U(d
z$uyvAVL`(PWMc^$<pZS`fimmTQXE5oG?T^Ysgqyx9#-IKv3KVQaXXdLGbQKAzZDth
z_%4WWb{_v(bFAG^vhKmI?OnYEX53r2?mc<5Rqay3_ir-`=11N%h&cGS#^n)v+^<7f
z3fx6o*W_2mcBXyUHetqw*ptg7>uo26`fOxyRnc|VQx<s9%8>h{*(W4uTIqa7zYTwb
z_AJ%0sW`G=M&SCVItiQHnO>hU*m<`9PK9#T=Lav-ABkM3D}O%a!TtAt*kXFOy39Lo
z-2ikk%zw;4HWvS#3tMIZlvxh-AB)B5wZM1-`fu`#6>=*l8w%Y#QESqW>vQ?bsdi=+
z%ZaH;o3}W=oynAD@vdXaQ#;W|qLHf^?e9B<wM_GoZ1Ak{IaqK!B9d{1*@|n$`JeA5
zzOtw;65nBP?I9QIo2g~89(Sh;PhVO0qlq=XAo=LEd!G^vFFo4#w|7lMXXDFf5ex6#
zdcn?G;&{kV*!)qoj%G<_%%V3z8Ar-Kf4HCcD|Jr1sn1H@;HjLVNFD>FTr3__o^!<s
zC^G}<F*b|SOM{|?S`>J^CHS}4PE!BuQL*?Pd)UTkxpgxiIvenNb#TpE_@aR+sm1xp
zww(Nw3#z-{8}2N-x^~SnkJC&4UF5!bQ%Hrg-IdYQS+gPUdfg?SqyK7NO_`K6v+(^=
zkBUwfhM4X}M_<_*ALW$U=yvzV(d98O_cSd%AU9d*dz$#0y|JzT^B;@c>^?K;XGVeJ
z!F|V~*4{DM)5r&Oqi~69L`iUdT1k0gQ7VI1VnJTILXn}NrTUA_pbX96>FVdQ&MBb@
E05G$SRsaA1

literal 0
HcmV?d00001

diff --git a/LCARStrek/browser/syncCommon.css b/LCARStrek/browser/syncCommon.css
new file mode 100644
index 00000000..cb2d04dd
--- /dev/null
+++ b/LCARStrek/browser/syncCommon.css
@@ -0,0 +1,45 @@
+/* The following are used by both syncSetup.xul and syncGenericChange.xul */
+.status {
+  color: #FF9F00;
+}
+
+.statusIcon {
+  -moz-margin-start: 4px;
+  max-height: 16px;
+  max-width: 16px;
+}
+
+.statusIcon[status="active"] {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+.statusIcon[status="error"] {
+  list-style-image: url("chrome://global/skin/icons/error-16.png");
+}
+
+.statusIcon[status="success"] {
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
+}
+
+/* .data is only used by syncGenericChange.xul, but it seems unnecessary to have
+   a separate stylesheet for it. */
+.data {
+  font-size: 90%;
+  font-weight: bold;
+}
+
+dialog#change-dialog {
+  width: 40em;
+}
+
+image#syncIcon {
+  list-style-image: url("chrome://browser/skin/sync-32.png");
+}
+
+#introText {
+  margin-top: 2px;
+}
+
+#feedback {
+  height: 2em;
+}
diff --git a/LCARStrek/browser/syncQuota.css b/LCARStrek/browser/syncQuota.css
new file mode 100644
index 00000000..891ead25
--- /dev/null
+++ b/LCARStrek/browser/syncQuota.css
@@ -0,0 +1,22 @@
+#quotaDialog {
+  width: 33em;
+  height: 25em;
+}
+
+treechildren::-moz-tree-checkbox {
+  list-style-image: none;
+}
+treechildren::-moz-tree-checkbox(checked) {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+treechildren::-moz-tree-checkbox(disabled) {
+  list-style-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif");
+}
+
+#treeCaption {
+  height: 4em;
+}
+
+.captionWarning {
+  font-weight: bold;
+}
diff --git a/LCARStrek/browser/syncSetup.css b/LCARStrek/browser/syncSetup.css
new file mode 100644
index 00000000..d3b770dd
--- /dev/null
+++ b/LCARStrek/browser/syncSetup.css
@@ -0,0 +1,115 @@
+wizard {
+  width: 55em;
+  height: 42em;
+  padding: 0;
+  background-color: #000000;
+}
+
+.wizard-page-box {
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0;
+}
+
+wizardpage {
+  -moz-box-pack: center;
+  -moz-box-align: center;
+  margin: 0;
+  padding: 0 8em;
+  background-color: #000000;
+}
+
+.wizard-header {
+  border: none;
+  padding: 2em 0 1em 0;
+  text-align: center;
+}
+
+.wizard-header-label {
+  font-size: 24pt;
+  font-weight: normal;
+}
+
+.wizard-buttons {
+  border-top: 1px solid #9C9CFF;
+  padding: 1em;
+}
+
+.wizard-buttons-separator {
+  visibility: collapse;
+}
+
+.wizard-header-icon {
+  visibility: collapse;
+}
+
+.accountChoiceButton {
+  /*font: menu;*/
+}
+
+.confirm {
+  border: 1px solid #9C9CFF;
+  padding: 1em;
+  border-radius: 5px;
+}
+
+/* Override the text-link style from global.css */
+.text-link,
+.text-link:focus {
+  margin: 0px;
+  padding: 0px;
+}
+
+.success,
+.error {
+  padding: 2px;
+  border-radius: 2px;
+}
+
+.error {
+  background-color: #FF0000 !important;
+  color: #FFFFFF !important;
+}
+
+.success {
+  background-color: #008484 !important;
+}
+
+.warning {
+  font-weight: bold;
+  font-size: 100%;
+  color: red;
+}
+
+.mainDesc {
+  font-weight: bold;
+  font-size: 100%;
+}
+
+.normal {
+  font-size: 100%;
+}
+
+.inputColumn {
+  -moz-margin-end: 2px
+}
+
+.pin {
+  font-size: 18pt;
+  width: 4em;
+  text-align: center;
+}
+
+#passphraseHelpSpacer {
+  width: 0.5em;
+}
+
+#add-device-throbber > image,
+#login-throbber > image {
+  list-style-image: url("chrome://global/skin/icons/loading.gif");
+}
+
+#successPageIcon {
+  /* TODO replace this with a 128px version (bug 591122) */
+  list-style-image: url("chrome://browser/skin/sync-32.png");
+}
diff --git a/LCARStrek/communicator/sync/syncSetup.css b/LCARStrek/communicator/sync/syncSetup.css
index bd954a82..a7a1d7ec 100644
--- a/LCARStrek/communicator/sync/syncSetup.css
+++ b/LCARStrek/communicator/sync/syncSetup.css
@@ -24,6 +24,7 @@ wizardpage {
   padding: 2em 0 1em 0;
   text-align: center;
 }
+
 .wizard-header-label {
   font-size: 24pt;
   font-weight: normal;
-- 
2.35.3