sync both themes with suite classic theme changes in SeaMonkey 2.50 cycle

[themes.git] / LCARStrek / browser / feeds / subscribe.css

diff --git a/LCARStrek/browser/feeds/subscribe.css b/LCARStrek/browser/feeds/subscribe.css
index e996cf971d6699a09f803378dcf9827c861e8856..ce509ad45d8cdaaea4afff276768e4bc0dfbc455 100644 (file)
--- a/LCARStrek/browser/feeds/subscribe.css
+++ b/LCARStrek/browser/feeds/subscribe.css
@@ -3,10 +3,24 @@ html {
   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
 }
 
+#subscribeUsingDescription,
+#subscribeButton {
+  display: block;
+}
+
+#subscribeUsingDescription {
+  margin-bottom: 0.5em;
+}
+
+#subscribeButton {
+  margin-top: 0.5em;
+  margin-inline-start: auto;
+}
+
 #feedBody {
   border: 1px solid #9C9CFF;
   padding: 2em;
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   margin: 2em auto;
   background: #FFFFFF;
 }
@@ -16,15 +30,20 @@ html {
   border-radius: 10px;
   margin: -3em auto 0 auto;
   background-color: #FFCF00;
+  display: flex;
+}
+
+#feedHeaderContainerSpacer {
+  flex-grow: 1;
 }
 
 #feedHeader {
   margin-top: 3.9em;
   margin-bottom: 1em;
-  -moz-margin-start: 2em;
-  -moz-margin-end: 1em;
+  margin-inline-start: 2em;
+  margin-inline-end: 1em;
   /* padding for making up icon space */
-  -moz-padding-start: 35px;
+  padding-inline-start: 35px;
   font-size: 110%;
   color: #000000;
 }
@@ -50,22 +69,23 @@ html {
   background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFCF00;
 }
 
-#feedHeader:-moz-dir(rtl) {
+#feedHeader:dir(rtl) {
   background-position: 100% 10%;
 }
 
 #feedHeader[firstrun="true"] #feedIntroText {
   padding-top: 0.1em;
-  -moz-padding-start: 0.6em;
+  padding-inline-start: 0.6em;
   display: block;
 }
 
 #feedHeader[firstrun="true"] > #feedSubscribeLine {
-  -moz-padding-start: 1.8em;
+  padding-inline-start: 1.8em;
 }
 
 #feedSubscribeLine {
   padding-top: 0.2em;
+  padding-inline-start: 0.5em;
 }
 
 /* Don't print subscription UI */
@@ -96,8 +116,8 @@ h2 {
 
 #feedTitleLink {
   float: right;
-  -moz-margin-start: .6em;
-  -moz-margin-end: 0;
+  margin-inline-start: .6em;
+  margin-inline-end: 0;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -107,15 +127,15 @@ a[href] img {
 }
 
 #feedTitleContainer {
-  -moz-margin-start: 0;
-  -moz-margin-end: .6em;
+  margin-inline-start: 0;
+  margin-inline-end: .6em;
   margin-top: 0;
   margin-bottom: 0;
 }
 
 #feedTitleImage {
-  -moz-margin-start: .6em;
-  -moz-margin-end: 0;
+  margin-inline-start: .6em;
+  margin-inline-end: 0;
   margin-top: 0;
   margin-bottom: 0;
   max-width: 300px;