X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fmozapps%2Fplugins%2FpluginProblem.css;h=059395cf1aff67a1afbc72ceef4d85076135318d;hp=32e67ae537f42969eca8aee0967035df1da41b76;hb=dae4507500ac2bc6547a8303851bc9b0bcae5ddf;hpb=25fe52645ef988436b57074ab129945504adf926 diff --git a/LCARStrek/mozapps/plugins/pluginProblem.css b/LCARStrek/mozapps/plugins/pluginProblem.css index 32e67ae5..059395cf 100644 --- a/LCARStrek/mozapps/plugins/pluginProblem.css +++ b/LCARStrek/mozapps/plugins/pluginProblem.css @@ -6,6 +6,7 @@ /* These styles affect only the bound element, not other page content. */ +/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */ .mainBox { text-align: center; display: table; @@ -14,12 +15,11 @@ background-color: #000000; color: #FFCF00; -moz-user-select: none; - position: relative; } .hoverBox { display: table-cell; - -moz-box-sizing: border-box; + box-sizing: border-box; padding: 5px; vertical-align: middle; width: 100%; @@ -31,6 +31,15 @@ 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, @@ -81,10 +90,15 @@ html|a { .throbber { padding-left: 16px; /* width of the background image */ - background: url("chrome://global/skin/icons/loading.gif") no-repeat; + background: url("chrome://global/skin/icons/loading.png") no-repeat; margin-left: 5px; } +.msgTapToPlay, +.msgClickToPlay { + text-decoration: underline; +} + @media not all and (-moz-touch-enabled) { :-moz-handler-clicktoplay .msgTapToPlay { display: none; @@ -153,22 +167,17 @@ html|a { .closeIcon { display: block; - position: absolute; width: 16px; height: 16px; - top: 4px; - right: 4px; + margin-top: 4px; + margin-inline-start: -20px; + margin-inline-end: 4px; border: none; background-color: transparent; background-image: url("mozapps/skin/plugins/contentPluginClose.png"); background-repeat: no-repeat; } -.mainBox[chromedir="rtl"] .closeIcon(rtl) { - right: auto; - left: 4px; -} - .closeIcon:hover, .closeIcon:hover:active { background-position: -16px 0;