From: Robert Kaiser Date: Sun, 13 Mar 2011 21:12:05 +0000 (+0100) Subject: add Sync styling for Firefox X-Git-Tag: EarlyBlue-2.1~30 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=84c37d045abf199761a47f803ff5357299fd97f6;p=themes.git add Sync styling for Firefox --- 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 00000000..dc6924a3 Binary files /dev/null and b/LCARStrek/browser/sync-16.png differ diff --git a/LCARStrek/browser/sync-32.png b/LCARStrek/browser/sync-32.png new file mode 100644 index 00000000..1d774a49 Binary files /dev/null and b/LCARStrek/browser/sync-32.png differ diff --git a/LCARStrek/browser/sync-desktopIcon.png b/LCARStrek/browser/sync-desktopIcon.png new file mode 100644 index 00000000..a3f6aed8 Binary files /dev/null and b/LCARStrek/browser/sync-desktopIcon.png differ diff --git a/LCARStrek/browser/sync-mobileIcon.png b/LCARStrek/browser/sync-mobileIcon.png new file mode 100644 index 00000000..fb40f711 Binary files /dev/null and b/LCARStrek/browser/sync-mobileIcon.png differ diff --git a/LCARStrek/browser/sync-throbber.png b/LCARStrek/browser/sync-throbber.png new file mode 100644 index 00000000..4230cbb9 Binary files /dev/null and b/LCARStrek/browser/sync-throbber.png differ 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;