X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Ffeeds%2Fsubscribe.css;h=ce509ad45d8cdaaea4afff276768e4bc0dfbc455;hb=43ba37c15d4c3b381344e45dac387a9df582f48f;hp=e996cf971d6699a09f803378dcf9827c861e8856;hpb=3d64e0cebebe213f541634b9a0b2c6e7ba84fcfb;p=themes.git diff --git a/LCARStrek/browser/feeds/subscribe.css b/LCARStrek/browser/feeds/subscribe.css index e996cf97..ce509ad4 100644 --- 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;