Bug 766616. Part 1. Implement about:socialerror page. r=mixedpuppy
This commit is contained in:
Felipe Gomes
100
browser/base/content/aboutSocialError.xhtml
Normal file
100
browser/base/content/aboutSocialError.xhtml
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
|
||||||
|
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
||||||
|
- License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||||
|
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
||||||
|
|
||||||
|
<!DOCTYPE html [
|
||||||
|
<!ENTITY % htmlDTD
|
||||||
|
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||||
|
"DTD/xhtml1-strict.dtd">
|
||||||
|
%htmlDTD;
|
||||||
|
<!ENTITY % netErrorDTD SYSTEM "chrome://global/locale/netError.dtd">
|
||||||
|
%netErrorDTD;
|
||||||
|
]>
|
||||||
|
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>&loadError.label;</title>
|
||||||
|
<link rel="stylesheet" type="text/css" media="all"
|
||||||
|
href="chrome://browser/skin/aboutSocialError.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="error-box">
|
||||||
|
<p id="main-error-msg"></p>
|
||||||
|
<p id="helper-error-msg"></p>
|
||||||
|
</div>
|
||||||
|
<div id="button-box">
|
||||||
|
<button id="btnTryAgain" onclick="tryAgainButton()"/>
|
||||||
|
<button id="btnCloseSidebar" onclick="closeSidebar()"/>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
<script type="text/javascript;version=1.8"><![CDATA[
|
||||||
|
const Cu = Components.utils;
|
||||||
|
|
||||||
|
Cu.import("resource://gre/modules/Services.jsm");
|
||||||
|
Cu.import("resource://gre/modules/Social.jsm");
|
||||||
|
|
||||||
|
let config = {
|
||||||
|
tryAgainCallback: reloadProvider
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseQueryString() {
|
||||||
|
let url = document.documentURI;
|
||||||
|
let queryString = url.replace(/^about:socialerror\??/, "");
|
||||||
|
|
||||||
|
let modeMatch = queryString.match(/mode=([^&]+)/);
|
||||||
|
let mode = modeMatch && modeMatch[1] ? modeMatch[1] : "";
|
||||||
|
|
||||||
|
switch (mode) {
|
||||||
|
case "onlyRefreshSidebar":
|
||||||
|
config.tryAgainCallback = refreshSidebar;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function setUpStrings() {
|
||||||
|
let brandBundle = Services.strings.createBundle("chrome://branding/locale/brand.properties");
|
||||||
|
let browserBundle = Services.strings.createBundle("chrome://browser/locale/browser.properties");
|
||||||
|
|
||||||
|
let productName = brandBundle.GetStringFromName("brandShortName");
|
||||||
|
let providerName = Social && Social.provider && Social.provider.name;
|
||||||
|
|
||||||
|
// Sets up the error message
|
||||||
|
let msg = browserBundle.formatStringFromName("social.error.message", [productName, providerName], 2);
|
||||||
|
document.getElementById("main-error-msg").textContent = msg;
|
||||||
|
|
||||||
|
// Sets up the buttons' labels and accesskeys
|
||||||
|
let btnTryAgain = document.getElementById("btnTryAgain");
|
||||||
|
btnTryAgain.textContent = browserBundle.GetStringFromName("social.error.tryAgain.label");
|
||||||
|
btnTryAgain.accessKey = browserBundle.GetStringFromName("social.error.tryAgain.accesskey");
|
||||||
|
|
||||||
|
let btnCloseSidebar = document.getElementById("btnCloseSidebar");
|
||||||
|
btnCloseSidebar.textContent = browserBundle.GetStringFromName("social.error.closeSidebar.label");
|
||||||
|
btnCloseSidebar.accessKey = browserBundle.GetStringFromName("social.error.closeSidebar.accesskey");
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeSidebar() {
|
||||||
|
Social.toggleSidebar();
|
||||||
|
}
|
||||||
|
|
||||||
|
function refreshSidebar() {
|
||||||
|
window.location.href = Social.provider.sidebarURL;
|
||||||
|
}
|
||||||
|
|
||||||
|
function reloadProvider() {
|
||||||
|
Social.provider.reload();
|
||||||
|
}
|
||||||
|
|
||||||
|
function tryAgainButton() {
|
||||||
|
config.tryAgainCallback();
|
||||||
|
}
|
||||||
|
|
||||||
|
parseQueryString();
|
||||||
|
setUpStrings();
|
||||||
|
]]></script>
|
||||||
|
</html>
|
||||||
@@ -37,6 +37,7 @@ browser.jar:
|
|||||||
content/browser/abouthome/noise.png (content/abouthome/noise.png)
|
content/browser/abouthome/noise.png (content/abouthome/noise.png)
|
||||||
content/browser/aboutRobots-icon.png (content/aboutRobots-icon.png)
|
content/browser/aboutRobots-icon.png (content/aboutRobots-icon.png)
|
||||||
content/browser/aboutRobots-widget-left.png (content/aboutRobots-widget-left.png)
|
content/browser/aboutRobots-widget-left.png (content/aboutRobots-widget-left.png)
|
||||||
|
content/browser/aboutSocialError.xhtml (content/aboutSocialError.xhtml)
|
||||||
* content/browser/browser.css (content/browser.css)
|
* content/browser/browser.css (content/browser.css)
|
||||||
* content/browser/browser.js (content/browser.js)
|
* content/browser/browser.js (content/browser.js)
|
||||||
* content/browser/browser.xul (content/browser.xul)
|
* content/browser/browser.xul (content/browser.xul)
|
||||||
|
|||||||
@@ -43,6 +43,9 @@ static RedirEntry kRedirMap[] = {
|
|||||||
nsIAboutModule::URI_SAFE_FOR_UNTRUSTED_CONTENT |
|
nsIAboutModule::URI_SAFE_FOR_UNTRUSTED_CONTENT |
|
||||||
nsIAboutModule::ALLOW_SCRIPT |
|
nsIAboutModule::ALLOW_SCRIPT |
|
||||||
nsIAboutModule::HIDE_FROM_ABOUTABOUT },
|
nsIAboutModule::HIDE_FROM_ABOUTABOUT },
|
||||||
|
{ "socialerror", "chrome://browser/content/aboutSocialError.xhtml",
|
||||||
|
nsIAboutModule::ALLOW_SCRIPT |
|
||||||
|
nsIAboutModule::HIDE_FROM_ABOUTABOUT },
|
||||||
{ "feeds", "chrome://browser/content/feeds/subscribe.xhtml",
|
{ "feeds", "chrome://browser/content/feeds/subscribe.xhtml",
|
||||||
nsIAboutModule::URI_SAFE_FOR_UNTRUSTED_CONTENT |
|
nsIAboutModule::URI_SAFE_FOR_UNTRUSTED_CONTENT |
|
||||||
nsIAboutModule::ALLOW_SCRIPT |
|
nsIAboutModule::ALLOW_SCRIPT |
|
||||||
|
|||||||
@@ -94,6 +94,7 @@ static const mozilla::Module::ContractIDEntry kBrowserContracts[] = {
|
|||||||
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "blocked", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "blocked", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
||||||
#endif
|
#endif
|
||||||
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "certerror", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "certerror", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
||||||
|
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "socialerror", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
||||||
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "feeds", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "feeds", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
||||||
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "privatebrowsing", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "privatebrowsing", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
||||||
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "rights", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
{ NS_ABOUT_MODULE_CONTRACTID_PREFIX "rights", &kNS_BROWSER_ABOUT_REDIRECTOR_CID },
|
||||||
|
|||||||
98
browser/themes/gnomestripe/aboutSocialError.css
Normal file
98
browser/themes/gnomestripe/aboutSocialError.css
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
body {
|
||||||
|
background-color: rgb(241, 244, 248);
|
||||||
|
margin-top: 2em;
|
||||||
|
font: message-box;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: .8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error-box {
|
||||||
|
background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
|
||||||
|
-moz-padding-start: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error-box:-moz-locale-dir(rtl) {
|
||||||
|
background-position: right 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-error-msg {
|
||||||
|
color: #4b4b4b;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#button-box {
|
||||||
|
text-align: center;
|
||||||
|
width: 75%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 300px) {
|
||||||
|
#error-box {
|
||||||
|
max-width: 50%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-image: url('chrome://global/skin/icons/information-32.png');
|
||||||
|
min-height: 36px;
|
||||||
|
-moz-padding-start: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: auto !important;
|
||||||
|
min-width: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 780px) {
|
||||||
|
#error-box {
|
||||||
|
max-width: 30%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
font: message-box;
|
||||||
|
font-size: 0.6875em;
|
||||||
|
-moz-appearance: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
width: 100%;
|
||||||
|
margin: 2px 0;
|
||||||
|
padding: 2px 6px;
|
||||||
|
line-height: 1.2;
|
||||||
|
background-color: hsla(210,30%,95%,.1);
|
||||||
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 1px solid hsla(210,15%,25%,.4);
|
||||||
|
border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4);
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
|
||||||
|
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||||
|
0 1px 0 hsla(0,0%,100%,.1);
|
||||||
|
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 150ms;
|
||||||
|
-moz-transition-timing-function: ease;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
background-color: hsla(210,30%,95%,.8);
|
||||||
|
border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55);
|
||||||
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
|
||||||
|
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||||
|
0 1px 0 hsla(0,0%,100%,.1),
|
||||||
|
0 0 3px hsla(210,15%,25%,.1);
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 150ms;
|
||||||
|
-moz-transition-timing-function: ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover:active {
|
||||||
|
background-color: hsla(210,15%,25%,.2);
|
||||||
|
box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset,
|
||||||
|
0 0 2px hsla(210,15%,25%,.4) inset;
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 10ms;
|
||||||
|
-moz-transition-timing-function: linear;
|
||||||
|
}
|
||||||
@@ -13,6 +13,7 @@ browser.jar:
|
|||||||
skin/classic/browser/aboutCertError_sectionCollapsed.png
|
skin/classic/browser/aboutCertError_sectionCollapsed.png
|
||||||
skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png
|
skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png
|
||||||
skin/classic/browser/aboutCertError_sectionExpanded.png
|
skin/classic/browser/aboutCertError_sectionExpanded.png
|
||||||
|
skin/classic/browser/aboutSocialError.css
|
||||||
#ifdef MOZ_SERVICES_SYNC
|
#ifdef MOZ_SERVICES_SYNC
|
||||||
skin/classic/browser/aboutSyncTabs.css
|
skin/classic/browser/aboutSyncTabs.css
|
||||||
#endif
|
#endif
|
||||||
|
|||||||
98
browser/themes/pinstripe/aboutSocialError.css
Normal file
98
browser/themes/pinstripe/aboutSocialError.css
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
body {
|
||||||
|
background-color: rgb(241, 244, 248);
|
||||||
|
margin-top: 2em;
|
||||||
|
font: message-box;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: .8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error-box {
|
||||||
|
background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
|
||||||
|
-moz-padding-start: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error-box:-moz-locale-dir(rtl) {
|
||||||
|
background-position: right 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-error-msg {
|
||||||
|
color: #4b4b4b;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#button-box {
|
||||||
|
text-align: center;
|
||||||
|
width: 75%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 300px) {
|
||||||
|
#error-box {
|
||||||
|
max-width: 50%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-image: url('chrome://global/skin/icons/information-32.png');
|
||||||
|
min-height: 36px;
|
||||||
|
-moz-padding-start: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: auto !important;
|
||||||
|
min-width: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 780px) {
|
||||||
|
#error-box {
|
||||||
|
max-width: 30%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
font: message-box;
|
||||||
|
font-size: 0.6875em;
|
||||||
|
-moz-appearance: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
width: 100%;
|
||||||
|
margin: 2px 0;
|
||||||
|
padding: 2px 6px;
|
||||||
|
line-height: 1.2;
|
||||||
|
background-color: hsla(210,30%,95%,.1);
|
||||||
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 1px solid hsla(210,15%,25%,.4);
|
||||||
|
border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4);
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
|
||||||
|
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||||
|
0 1px 0 hsla(0,0%,100%,.1);
|
||||||
|
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 150ms;
|
||||||
|
-moz-transition-timing-function: ease;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
background-color: hsla(210,30%,95%,.8);
|
||||||
|
border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55);
|
||||||
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
|
||||||
|
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||||
|
0 1px 0 hsla(0,0%,100%,.1),
|
||||||
|
0 0 3px hsla(210,15%,25%,.1);
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 150ms;
|
||||||
|
-moz-transition-timing-function: ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover:active {
|
||||||
|
background-color: hsla(210,15%,25%,.2);
|
||||||
|
box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset,
|
||||||
|
0 0 2px hsla(210,15%,25%,.4) inset;
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 10ms;
|
||||||
|
-moz-transition-timing-function: linear;
|
||||||
|
}
|
||||||
@@ -12,6 +12,7 @@ browser.jar:
|
|||||||
skin/classic/browser/aboutCertError_sectionCollapsed.png
|
skin/classic/browser/aboutCertError_sectionCollapsed.png
|
||||||
skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png
|
skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png
|
||||||
skin/classic/browser/aboutCertError_sectionExpanded.png
|
skin/classic/browser/aboutCertError_sectionExpanded.png
|
||||||
|
skin/classic/browser/aboutSocialError.css
|
||||||
#ifdef MOZ_SERVICES_SYNC
|
#ifdef MOZ_SERVICES_SYNC
|
||||||
skin/classic/browser/aboutSyncTabs.css
|
skin/classic/browser/aboutSyncTabs.css
|
||||||
#endif
|
#endif
|
||||||
|
|||||||
98
browser/themes/winstripe/aboutSocialError.css
Normal file
98
browser/themes/winstripe/aboutSocialError.css
Normal file
@@ -0,0 +1,98 @@
|
|||||||
|
body {
|
||||||
|
background-color: rgb(241, 244, 248);
|
||||||
|
margin-top: 2em;
|
||||||
|
font: message-box;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: .8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error-box {
|
||||||
|
background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
|
||||||
|
-moz-padding-start: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#error-box:-moz-locale-dir(rtl) {
|
||||||
|
background-position: right 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-error-msg {
|
||||||
|
color: #4b4b4b;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#button-box {
|
||||||
|
text-align: center;
|
||||||
|
width: 75%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 300px) {
|
||||||
|
#error-box {
|
||||||
|
max-width: 50%;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-image: url('chrome://global/skin/icons/information-32.png');
|
||||||
|
min-height: 36px;
|
||||||
|
-moz-padding-start: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
width: auto !important;
|
||||||
|
min-width: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 780px) {
|
||||||
|
#error-box {
|
||||||
|
max-width: 30%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
font: message-box;
|
||||||
|
font-size: 0.6875em;
|
||||||
|
-moz-appearance: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
width: 100%;
|
||||||
|
margin: 2px 0;
|
||||||
|
padding: 2px 6px;
|
||||||
|
line-height: 1.2;
|
||||||
|
background-color: hsla(210,30%,95%,.1);
|
||||||
|
background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1));
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 1px solid hsla(210,15%,25%,.4);
|
||||||
|
border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4);
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
|
||||||
|
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||||
|
0 1px 0 hsla(0,0%,100%,.1);
|
||||||
|
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 150ms;
|
||||||
|
-moz-transition-timing-function: ease;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
background-color: hsla(210,30%,95%,.8);
|
||||||
|
border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55);
|
||||||
|
box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset,
|
||||||
|
0 0 0 1px hsla(0,0%,100%,.3) inset,
|
||||||
|
0 1px 0 hsla(0,0%,100%,.1),
|
||||||
|
0 0 3px hsla(210,15%,25%,.1);
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 150ms;
|
||||||
|
-moz-transition-timing-function: ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover:active {
|
||||||
|
background-color: hsla(210,15%,25%,.2);
|
||||||
|
box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset,
|
||||||
|
0 0 2px hsla(210,15%,25%,.4) inset;
|
||||||
|
-moz-transition-property: background-color, border-color, box-shadow;
|
||||||
|
-moz-transition-duration: 10ms;
|
||||||
|
-moz-transition-timing-function: linear;
|
||||||
|
}
|
||||||
@@ -15,6 +15,7 @@ browser.jar:
|
|||||||
skin/classic/browser/aboutCertError_sectionCollapsed.png
|
skin/classic/browser/aboutCertError_sectionCollapsed.png
|
||||||
skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png
|
skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png
|
||||||
skin/classic/browser/aboutCertError_sectionExpanded.png
|
skin/classic/browser/aboutCertError_sectionExpanded.png
|
||||||
|
skin/classic/browser/aboutSocialError.css
|
||||||
#ifdef MOZ_SERVICES_SYNC
|
#ifdef MOZ_SERVICES_SYNC
|
||||||
skin/classic/browser/aboutSyncTabs.css
|
skin/classic/browser/aboutSyncTabs.css
|
||||||
#endif
|
#endif
|
||||||
@@ -216,6 +217,7 @@ browser.jar:
|
|||||||
skin/classic/aero/browser/aboutCertError_sectionCollapsed.png
|
skin/classic/aero/browser/aboutCertError_sectionCollapsed.png
|
||||||
skin/classic/aero/browser/aboutCertError_sectionCollapsed-rtl.png
|
skin/classic/aero/browser/aboutCertError_sectionCollapsed-rtl.png
|
||||||
skin/classic/aero/browser/aboutCertError_sectionExpanded.png
|
skin/classic/aero/browser/aboutCertError_sectionExpanded.png
|
||||||
|
skin/classic/aero/browser/aboutSocialError.css
|
||||||
#ifdef MOZ_SERVICES_SYNC
|
#ifdef MOZ_SERVICES_SYNC
|
||||||
skin/classic/aero/browser/aboutSyncTabs.css
|
skin/classic/aero/browser/aboutSyncTabs.css
|
||||||
#endif
|
#endif
|
||||||
|
|||||||
Reference in New Issue
Block a user