first part of syncing LCARStrek with Firefox 36 windows theme changes

[themes.git] / LCARStrek / global / in-content / info-pages.css

diff --git a/LCARStrek/global/in-content/info-pages.css b/LCARStrek/global/in-content/info-pages.css
new file mode 100644 (file)
index 0000000..e21ddeb
--- /dev/null
+++ b/LCARStrek/global/in-content/info-pages.css
@@ -0,0 +1,85 @@
+@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 #A09090;\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
+/* Trees */\r
+tree {\r
+  min-height: 12em;\r
+  margin-top: 1.2em;\r
+  width: 100%;\r
+}
\ No newline at end of file