X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2FaboutSocialError.css;h=99e1e4639550e7f8c3232abdf69aa22b5442a156;hp=5863c0167b5c79d5a2795fb637dd7175e44523db;hb=b1dfcf3228675c75fda183c9cd0161c9be5d4047;hpb=fcfb76ce3816425323e0fed62ea96494d2c98272

diff --git a/LCARStrek/browser/aboutSocialError.css b/LCARStrek/browser/aboutSocialError.css
index 5863c016..99e1e463 100644
--- a/LCARStrek/browser/aboutSocialError.css
+++ b/LCARStrek/browser/aboutSocialError.css
@@ -1,27 +1,7 @@
-body {
-  background-color: #000000;
-  color: #FF9F00;
-  margin-top: 2em;
-  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
-  font-size: 100%;
-}
-
-p {
-  font-size: .8em;
-}
-
-#error-box {
-  background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
-  -moz-padding-start: 30px;
-}
+@import url("chrome://global/skin/in-content/common.css");
 
-#error-box:-moz-locale-dir(rtl) {
-  background-position: right 4px;
-}
-
-#main-error-msg {
-  color: #FF9F00;
-  font-weight: bold;
+#errorPageContainer {
+  min-width: 50%;
 }
 
 
@@ -31,45 +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;
-  }
-}
-
-@media all and (min-width: 780px) {
-  #error-box {
-    max-width: 30%;
+    min-width: auto !important;
   }
 }
-
-button {
-  font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
-  font-size: 0.6875em;
-  -moz-appearance: none;
-  -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;
-}
-
-button:hover,
-button:hover:active {
-  background-color: #FFCF00;
-  color: #000000;
-}