X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2FaboutSocialError.css;h=99e1e4639550e7f8c3232abdf69aa22b5442a156;hp=20f86d3222dffa5647fd3ff6ac3def7c3cd854ec;hb=d74db93877c7a404babddcf7b0523fa2b1f6f2bf;hpb=a5cb6e534c9872ab3dc646ab44fa35b61775537d diff --git a/LCARStrek/browser/aboutSocialError.css b/LCARStrek/browser/aboutSocialError.css index 20f86d32..99e1e463 100644 --- a/LCARStrek/browser/aboutSocialError.css +++ b/LCARStrek/browser/aboutSocialError.css @@ -1,28 +1,7 @@ -body { - background-color: #000000; - color: #FF9F00; - margin-top: 2em; - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - font-size: 100%; - min-height: 200px; -} - -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; -} +@import url("chrome://global/skin/in-content/common.css"); -#main-error-msg { - color: #4b4b4b; - font-weight: bold; +#errorPageContainer { + min-width: 50%; } @@ -32,57 +11,25 @@ p { 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 (max-width: 300px) { + body { + padding: 0px 10px; } + #errorPageContainer { + min-width: 100%; + } + #errorTitle { + background: none; + -moz-padding-start: 0 !important; + } button { width: auto !important; - min-width: 150px; + min-width: auto !important; } } - -@media all and (min-width: 780px) { - #error-box { - max-width: 30%; - } -} - -button { - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - font-size: 0.6875em; - -moz-user-select: none; - width: 100%; - margin: 2px 0; - padding: 2px 6px; - line-height: 1.2; - background-color: #000000; - color: #FFCF00; - background-clip: padding-box; - border: none; - border-radius: 3px; - - transition-property: background-color, color; - transition-duration: 150ms; - transition-timing-function: ease; - -} - -button:hover { - background-color: #FFCF00; - color: #000000; - transition-duration: 150ms; - transition-timing-function: ease; -} - -button:hover:active { - background-color: #FF9F00; - color: #000000; - transition-duration: 10ms; - transition-timing-function: linear; -}