X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fmozapps%2Fplugins%2FpluginProblem.css;h=adfd81e386d8bea7c62ff98bf1eb15573ddadc48;hp=5c29c101129c0ec0b43b3098ff14011a658e9c6c;hb=25fe52645ef988436b57074ab129945504adf926;hpb=c4affa52f0de77abdffd5ea5764ce432a012bf82 diff --git a/EarlyBlue/mozapps/plugins/pluginProblem.css b/EarlyBlue/mozapps/plugins/pluginProblem.css index 5c29c101..adfd81e3 100644 --- a/EarlyBlue/mozapps/plugins/pluginProblem.css +++ b/EarlyBlue/mozapps/plugins/pluginProblem.css @@ -8,18 +8,33 @@ .mainBox { text-align: center; + display: table; + width: 100%; + height: 100%; background-color: #CCD0DD; color: #000000; - border-radius: 12px; - /* recessed effect with 'disabled' shadow */ - box-shadow: inset 0 1px 5px #808080; - padding: 5px; -moz-user-select: none; position: relative; } .hoverBox { + display: table-cell; + -moz-box-sizing: border-box; padding: 5px; + vertical-align: middle; + width: 100%; + height: 100%; +} +:-moz-handler-vulnerable-updatable .hoverBox:active, +:-moz-handler-vulnerable-no-update .hoverBox:active, +:-moz-handler-clicktoplay .hoverBox:active { + background-color: #CCCCCC; +} + +:-moz-handler-vulnerable-updatable .hoverBox, +:-moz-handler-vulnerable-no-update .hoverBox, +:-moz-handler-blocked .hoverBox, +:-moz-handler-crashed .hoverBox { } html|a { @@ -27,14 +42,16 @@ html|a { } .icon { - display: inline-block; width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; border: none; background-color: transparent; + -moz-user-focus: ignore; + margin-bottom: 6px; } + :-moz-type-unsupported .icon, :-moz-type-unsupported-platform .icon { background-image: url("chrome://mozapps/skin/plugins/contentPluginMissing.png"); @@ -44,24 +61,19 @@ html|a { } :-moz-handler-vulnerable-updatable .icon, :-moz-handler-vulnerable-no-update .icon { - background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlay.png"); + background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png"); + -moz-user-focus: normal; } - -:-moz-handler-clicktoplay .icon { - background-image: url("chrome://mozapps/skin/plugins/contentPluginClickToPlayPlain.png"); - background-position: 0 0; +:-moz-handler-blocked .icon { + background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png"); } -:-moz-handler-clicktoplay .hoverBox:hover .icon, -:-moz-handler-clicktoplay .hoverBox:hover:active .icon { - background-position: -48px 0; +:-moz-handler-clicktoplay .icon { + background-image: url("chrome://mozapps/skin/plugins/contentPluginActivate.png"); + -moz-user-focus: normal; } - :-moz-handler-disabled .icon { background-image: url("chrome://mozapps/skin/plugins/contentPluginDisabled.png"); } -:-moz-handler-blocked .icon { - background-image: url("chrome://mozapps/skin/plugins/contentPluginBlocked.png"); -} :-moz-handler-crashed .icon { background-image: url("chrome://mozapps/skin/plugins/contentPluginCrashed.png"); } @@ -72,19 +84,6 @@ html|a { margin-left: 5px; } -.msg { - cursor: default; - width: 100%; -} - -:-moz-handler-clicktoplay .mainBox, -:-moz-handler-clicktoplay .icon, -:-moz-handler-clicktoplay .msgClickToPlay, -:-moz-handler-vulnerable-updatable .msgClickToPlay, -:-moz-handler-vulnerable-no-update .msgClickToPlay { - cursor: pointer; -} - @media not all and (-moz-touch-enabled) { :-moz-handler-clicktoplay .msgTapToPlay { display: none; @@ -160,41 +159,30 @@ html|a { right: 4px; border: none; background-color: transparent; - background-image: url("chrome://global/skin/icons/close-button.gif"); + background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png"); background-repeat: no-repeat; } -.closeIcon:-moz-locale-dir(rtl) { +.mainBox[chromedir="rtl"] .closeIcon { right: auto; left: 4px; } -:-moz-handler-clicktoplay .mainBox { - background-image: none; - background-color: rgba(255, 255, 255, .2); - border: 1px dashed rgba(128, 128, 128, 0.5); - color: #808080; - text-shadow: none; - box-shadow: none; - transition: background-color 150ms ease; -} - -:-moz-handler-clicktoplay .mainBox:hover, -:-moz-handler-clicktoplay .mainBox:hover:active { - background-color: rgba(255, 255, 255, .8); +.action-link { + display: inline-block; + border-radius: 10px; + background-color: #9999CC; + padding: 2px 8px; + margin-top: 7px; + text-decoration: none; } - -:-moz-handler-clicktoplay .mainBox, -:-moz-handler-clicktoplay html|a { - color: #000000; +.action-link:active { + background-color: #666699; } -:-moz-handler-clicktoplay .hoverBox:hover, -:-moz-handler-clicktoplay .hoverBox:hover html|a, -:-moz-handler-clicktoplay .hoverBox:hover:active, -:-moz-handler-clicktoplay .hoverBox:hover:active html|a { +:-moz-handler-vulnerable-updatable .action-link { + background-color: #CCCC60; } - -:-moz-handler-clicktoplay .closeIcon { - background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png"); +:-moz-handler-vulnerable-updatable .action-link:active { + background-color: #AAAA40; }