gecko-dev/browser/themes/shared/plugin-doorhanger.inc.css
Doug Thayer 1206d529cb Bug 1392979 - Modernize buttons for Flash CTP r=Felipe
This is just the most conservative thing we can do to get the
Flash doorhanger to not look out of place next to other
doorhangers. This does not change the doorhanger's strings or
anything substantive. Still looking into what that would entail,
but I thought I would drop this in as a baseline.

Minor notes: added default="true" to get the OS-specific button
reordering of normal doorhangers, and removed the close button
since the doorhanger will close by just clicking out of it.

MozReview-Commit-ID: 9jhHLfzSeXZ

--HG--
extra : rebase_source : b206531f0b916502bc4917ae93f1e95ec9909c8e
2017-08-29 10:56:42 -07:00

69 lines
1.5 KiB
CSS

#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
padding: 0px;
}
.click-to-play-plugins-notification-center-box {
border: 1px solid ThreeDShadow;
margin: 10px;
}
.plugin-popupnotification-centeritem:nth-child(odd) {
background-color: rgba(0,0,0,0.1);
}
.center-item-label {
margin-inline-start: 6px;
margin-bottom: 0;
text-overflow: ellipsis;
}
.center-item-warning-icon {
background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.svg");
background-repeat: no-repeat;
width: 16px;
height: 15px;
margin-inline-start: 6px;
}
.click-to-play-plugins-notification-button-container {
background-color: var(--arrowpanel-dimmed);
margin-top: 5px;
display: flex;
}
.click-to-play-popup-button {
width: 50%;
}
.click-to-play-plugins-notification-description-box {
padding: 10px;
}
.click-to-play-plugins-outer-description {
margin-top: 8px;
}
.click-to-play-plugins-notification-link,
.center-item-link {
margin: 0;
}
.click-to-play-plugins-notification-main-box {
width: 100%;
}
.messageImage[value="plugin-hidden"] {
list-style-image: url(chrome://browser/skin/notification-icons/plugin.svg);
}
/* Keep any changes to this style in sync with pluginProblem.css */
notification.pluginVulnerable {
background-color: rgb(72,72,72);
background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
color: white;
}
notification.pluginVulnerable .messageImage {
list-style-image: url(chrome://browser/skin/notification-icons/plugin-blocked.svg);
}