-@import url("chrome://global/skin/in-content/common.css");\r
-/* Body and container */\r
-body {\r
- display: flex;\r
- box-sizing: padding-box;\r
- min-height: 100vh;\r
- padding-top: 0;\r
- padding-bottom: 0;\r
- -moz-padding-start: calc(48px + 4.6em);\r
- -moz-padding-end: 48px;\r
- align-items: center;\r
- justify-content: center;\r
-}\r
-\r
-.container {\r
- min-width: 13em;\r
- max-width: 52em;\r
-}\r
-\r
-/* Typography */\r
-.title {\r
- background-image: url("chrome://browser/skin/aboutNetError_info.svg");\r
- background-position: left 0;\r
- background-repeat: no-repeat;\r
- background-size: 1.6em;\r
- -moz-margin-start: -2.3em;\r
- -moz-padding-start: 2.3em;\r
- font-size: 2.5em;\r
-}\r
-\r
-.title:-moz-dir(rtl) {\r
- background-position: right 0;\r
-}\r
-\r
-.title-text {\r
- border-bottom: 1px solid #666699;\r
- font-size: inherit;\r
- padding-bottom: 0.4em;\r
-}\r
-\r
-@media (max-width: 675px) {\r
- body {\r
- padding: 0 48px;\r
- }\r
-\r
- .title {\r
- background-image: none !important;\r
- -moz-padding-start: 0;\r
- -moz-margin-start: 0;\r
- }\r
-\r
- .title-text {\r
- padding-top: 0;\r
- }\r
-}\r
-\r
-ul, ol {\r
- margin: 0;\r
- padding: 0;\r
- -moz-margin-start: 1em;\r
-}\r
-\r
-ul > li, ol > li {\r
- margin-bottom: .5em;\r
-}\r
-\r
-ul {\r
- list-style: disc;\r
-}\r
-\r
-/* Buttons */\r
-.button-container {\r
- margin-top: 1.2em;\r
-}\r
-\r
-.button-container > button {\r
- min-width: 150px;\r
-}\r
-\r
-.button-container > button:first-child {\r
- -moz-margin-start: 0;\r
-}\r
-\r
-/* Trees */\r
-tree {\r
- min-height: 12em;\r
- margin-top: 1.2em;\r
- width: 100%;\r
-}
\ 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: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%;
+}