X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fplugins%2FpluginProblem.css;h=126b538875abe7c9309be27100c56ad02c7d84a0;hp=7c89b3cb7fa565d3226e1cd9034758e929fd5692;hb=58bfce8aac5e5a9a622610d393f1200d70003ec8;hpb=cf95e678cfcb9baeab6d3650d1720e504985e4eb diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css index 7c89b3cb..126b5388 100644 --- a/LCARStrek/mozapps/plugins/pluginProblem.css +++ b/LCARStrek/mozapps/plugins/pluginProblem.css @@ -8,17 +8,42 @@ .mainBox { text-align: center; + display: table; + width: 100%; + height: 100%; background-color: #000000; color: #FFCF00; - border-radius: 12px; - /* recessed effect with 'disabled' shadow */ - box-shadow: inset 0 1px 5px #8050B0; - 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: #404000; +} + +:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay, +:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay, +:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay, +:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay, +:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay, +:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay { + color: #FF0000; +} + +:-moz-handler-vulnerable-updatable .hoverBox, +:-moz-handler-vulnerable-no-update .hoverBox, +:-moz-handler-blocked .hoverBox, +:-moz-handler-crashed .hoverBox { } html|a { @@ -26,42 +51,39 @@ 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"); } -:-moz-type-unsupported .icon[status="ready"] { +:-moz-type-unsupported .icon[installable] { background-image: url("chrome://mozapps/skin/plugins/contentPluginDownload.png"); } :-moz-handler-clicktoplay .icon, :-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,17 +94,9 @@ html|a { margin-left: 5px; } -.msg { - font-size: 12px; - cursor: default; -} - -:-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; +.msgTapToPlay, +.msgClickToPlay { + text-decoration: underline; } @media not all and (-moz-touch-enabled) { @@ -137,11 +151,6 @@ html|a { float: left; } -.msgBottomLinks { - padding-left: 2px; - padding-right: 2px; -} - .helpIcon { float: left; display: inline-block; @@ -165,11 +174,11 @@ html|a { right: 4px; border: none; background-color: transparent; - background-image: url("chrome://global/skin/icons/close.png"); + background-image: url("mozapps/skin/plugins/contentPluginClose.png"); background-repeat: no-repeat; } -.closeIcon:-moz-locale-dir(rtl) { +.mainBox[chromedir="rtl"] .closeIcon(rtl) { right: auto; left: 4px; } @@ -179,34 +188,22 @@ html|a { background-position: -16px 0; } -:-moz-handler-clicktoplay .mainBox { - background-image: none; - background-color: rgba(0, 0, 0, .2); - border: 2px dashed rgba(255, 207, 0, 0.7); - border-radius: 3px; - color: #8050B0; - text-shadow: none; - box-shadow: none; - transition: background-color 150ms ease; +.action-link { + display: inline-block; + border-radius: 10px; + background-color: #C09070; + color: #000000; + padding: 2px 8px; + margin-top: 7px; + text-decoration: none; } - -:-moz-handler-clicktoplay .mainBox:hover, -:-moz-handler-clicktoplay .mainBox:hover:active { - background-color: rgba(0, 0, 0, .8); +.action-link:active { + background-color: #FFCF00; } -:-moz-handler-clicktoplay .mainBox, -:-moz-handler-clicktoplay html|a { - color: #8050B0; +:-moz-handler-vulnerable-updatable .action-link { + background-color: #a81b0c; } - -:-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 { - color: #FFCF00; -} - -:-moz-handler-clicktoplay .closeIcon { - background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png"); +:-moz-handler-vulnerable-updatable .action-link:active { + background-color: #801409; }