X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=EarlyBlue%2Fglobal%2Fin-content%2Finfo-pages.css;h=f42ab17719f51fed660e2d14c0c9af8af0abdfe6;hp=45f6a0b3e4346ffad54e55bace70b3d606cef142;hb=a9f6369d5cebd3c329b993d57e73bcf30fffd2cd;hpb=e6947267ac09872af2aa1c74c74cb00d8581abe4 diff --git a/EarlyBlue/global/in-content/info-pages.css b/EarlyBlue/global/in-content/info-pages.css index 45f6a0b3..f42ab177 100644 --- a/EarlyBlue/global/in-content/info-pages.css +++ b/EarlyBlue/global/in-content/info-pages.css @@ -1,89 +1,110 @@ -@import url("chrome://global/skin/in-content/common.css"); -/* Body and container */ -body { - display: flex; - box-sizing: padding-box; - min-height: 100vh; - padding-top: 0; - padding-bottom: 0; - -moz-padding-start: calc(48px + 4.6em); - -moz-padding-end: 48px; - align-items: center; - justify-content: center; -} - -.container { - min-width: 13em; - max-width: 52em; -} - -/* Typography */ -.title { - background-image: url("chrome://browser/skin/aboutNetError_info.svg"); - background-position: left 0; - background-repeat: no-repeat; - background-size: 1.6em; - -moz-margin-start: -2.3em; - -moz-padding-start: 2.3em; - font-size: 2.5em; -} - -.title:-moz-dir(rtl) { - background-position: right 0; -} - -.title-text { - border-bottom: 1px solid #666699; - font-size: inherit; - padding-bottom: 0.4em; -} - -@media (max-width: 675px) { - body { - padding: 0 48px; - } - - .title { - background-image: none !important; - -moz-padding-start: 0; - -moz-margin-start: 0; - } - - .title-text { - padding-top: 0; - } -} - -ul, ol { - margin: 0; - padding: 0; - -moz-margin-start: 1em; -} - -ul > li, ol > li { - margin-bottom: .5em; -} - -ul { - list-style: disc; -} - -/* Buttons */ -.button-container { - margin-top: 1.2em; -} - -.button-container > button { - min-width: 150px; -} - -.button-container > button:first-child { - -moz-margin-start: 0; -} - -/* Trees */ -tree { - min-height: 12em; - margin-top: 1.2em; - width: 100%; -} \ No newline at end of file +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/in-content/common.css"); +/* Body and container */ +body { + display: flex; + flex-direction: column; + box-sizing: border-box; + min-height: 100vh; + padding-top: 0; + padding-bottom: 0; + padding-inline-start: calc(48px + 4.6em); + padding-inline-end: 48px; + align-items: center; + justify-content: center; +} + +.container { + min-width: 13em; + max-width: 52em; +} + +.container.restore-chosen { + display: flex; + flex-direction: column; + flex-grow: 1; + margin: 10vh 0; +} + +/* Typography */ +.title { + background-image: url("chrome://global/skin/icons/info.svg"); + background-position: left 0; + background-repeat: no-repeat; + background-size: 1.6em; + margin-inline-start: -2.3em; + padding-inline-start: 2.3em; + font-size: 2.5em; +} + +.title:moz-locale-dir(rtl), +.title:dir(rtl) { + background-position: right 0; +} + +.title-text { + border-bottom: 1px solid #666699; + font-size: inherit; + padding-bottom: 0.4em; +} + +@media (max-width: 675px) { + body { + padding: 0 48px; + } + + .title { + background-image: none !important; + padding-inline-start: 0; + margin-inline-start: 0; + } + + .title-text { + padding-top: 0; + } +} + +ul, ol { + margin: 0; + padding: 0; + margin-inline-start: 1em; +} + +ul > li, ol > li { + margin-bottom: .5em; +} + +ul { + list-style: disc; +} + +/* Buttons */ +.button-container { + margin-top: 1.2em; +} + +.button-container > button { + min-width: 150px; +} + +.button-container > button:first-child { + margin-inline-start: 0; +} + +/* Trees */ +.tree-container { + margin-top: 1.2em; + flex-grow: 1; + min-height: 12em; +} + +.tree-container > tree { + height: 100%; +} + +tree { + width: 100%; +}