Bug 1087618 - Part 3: Create the in-content info pages stylesheet. r=jaws
authorTim Nguyen <ntim.bugs@gmail.com>
Wed, 21 Jan 2015 05:42:00 -0500
changeset 225536 ef454d8c7614783ab0965f3c5e9bad8b857a3144
parent 225535 d7545352a647ba27a4306ebdeda10561b8c965b9
child 225537 e17f0262e63f7e14f01e2c37d7e2386065e8694d
push id28166
push userryanvm@gmail.com
push dateSun, 25 Jan 2015 00:23:32 +0000
treeherdermozilla-central@0666fb58ab63 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjaws
bugs1087618
milestone38.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1087618 - Part 3: Create the in-content info pages stylesheet. r=jaws
toolkit/themes/linux/global/in-content/info-pages.css
toolkit/themes/linux/global/jar.mn
toolkit/themes/osx/global/in-content/info-pages.css
toolkit/themes/osx/global/jar.mn
toolkit/themes/shared/in-content/info-pages.inc.css
toolkit/themes/windows/global/in-content/info-pages.css
toolkit/themes/windows/global/jar.mn
new file mode 100644
--- /dev/null
+++ b/toolkit/themes/linux/global/in-content/info-pages.css
@@ -0,0 +1,1 @@
+%include ../../../shared/in-content/info-pages.inc.css
\ No newline at end of file
--- a/toolkit/themes/linux/global/jar.mn
+++ b/toolkit/themes/linux/global/jar.mn
@@ -51,15 +51,16 @@ toolkit.jar:
 +  skin/classic/global/icons/panelarrow-vertical.svg           (icons/panelarrow-vertical.svg)
 +  skin/classic/global/icons/resizer.png                       (icons/resizer.png)
 +  skin/classic/global/icons/sslWarning.png                    (icons/sslWarning.png)
 +  skin/classic/global/icons/wrap.png                          (icons/wrap.png)
 +  skin/classic/global/icons/webapps-16.png                    (icons/webapps-16.png)
 +  skin/classic/global/icons/webapps-64.png                    (icons/webapps-64.png)
    skin/classic/global/menu/shared-menu-check.png              (../../shared/menu-check.png)
 *  skin/classic/global/in-content/common.css                   (in-content/common.css)
+*  skin/classic/global/in-content/info-pages.css               (in-content/info-pages.css)
    skin/classic/global/in-content/check.svg                    (../../shared/in-content/check.svg)
    skin/classic/global/in-content/dropdown.svg                 (../../shared/in-content/dropdown.svg)
    skin/classic/global/in-content/help-glyph.svg               (../../shared/in-content/help-glyph.svg)
    skin/classic/global/in-content/radio.svg                    (../../shared/in-content/radio.svg)
    skin/classic/global/in-content/sorter.png                   (../../shared/in-content/sorter.png)
    skin/classic/global/in-content/sorter@2x.png                (../../shared/in-content/sorter@2x.png)
 +  skin/classic/global/toolbar/spring.png                      (toolbar/spring.png)
new file mode 100644
--- /dev/null
+++ b/toolkit/themes/osx/global/in-content/info-pages.css
@@ -0,0 +1,1 @@
+%include ../../../shared/in-content/info-pages.inc.css
\ No newline at end of file
--- a/toolkit/themes/osx/global/jar.mn
+++ b/toolkit/themes/osx/global/jar.mn
@@ -182,16 +182,17 @@ toolkit.jar:
   skin/classic/global/media/volume-empty@2x.png                      (media/volume-empty@2x.png)
   skin/classic/global/media/volume-full.png                          (media/volume-full.png)
   skin/classic/global/media/volume-full@2x.png                       (media/volume-full@2x.png)
   skin/classic/global/media/clicktoplay-bgtexture.png                (media/clicktoplay-bgtexture.png)
   skin/classic/global/media/videoClickToPlayButton.svg               (media/videoClickToPlayButton.svg)
   skin/classic/global/menu/shared-menu-check.png                     (../../shared/menu-check.png)
   skin/classic/global/menu/shared-menu-check@2x.png                  (../../shared/menu-check@2x.png)
 * skin/classic/global/in-content/common.css                          (in-content/common.css)
+* skin/classic/global/in-content/info-pages.css                      (in-content/info-pages.css)
   skin/classic/global/in-content/check.svg                           (../../shared/in-content/check.svg)
   skin/classic/global/in-content/dropdown.svg                        (../../shared/in-content/dropdown.svg)
   skin/classic/global/in-content/help-glyph.svg                      (../../shared/in-content/help-glyph.svg)
   skin/classic/global/in-content/radio.svg                           (../../shared/in-content/radio.svg)
   skin/classic/global/in-content/sorter.png                          (../../shared/in-content/sorter.png)
   skin/classic/global/in-content/sorter@2x.png                       (../../shared/in-content/sorter@2x.png)
   skin/classic/global/scale/scale-tray-horiz.gif                     (scale/scale-tray-horiz.gif)
   skin/classic/global/scale/scale-tray-vert.gif                      (scale/scale-tray-vert.gif)
new file mode 100644
--- /dev/null
+++ b/toolkit/themes/shared/in-content/info-pages.inc.css
@@ -0,0 +1,85 @@
+@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: auto;
+  -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 #C1C1C1;
+  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;
+}
+
+/* Trees */
+tree {
+  min-height: 12em;
+  margin-top: 1.2em;
+  width: 100%;
+}
\ No newline at end of file
new file mode 100644
--- /dev/null
+++ b/toolkit/themes/windows/global/in-content/info-pages.css
@@ -0,0 +1,1 @@
+%include ../../../shared/in-content/info-pages.inc.css
\ No newline at end of file
--- a/toolkit/themes/windows/global/jar.mn
+++ b/toolkit/themes/windows/global/jar.mn
@@ -167,16 +167,17 @@ toolkit.jar:
         skin/classic/global/media/stalled.png                    (media/stalled.png)
         skin/classic/global/media/volume-empty.png               (media/volume-empty.png)
         skin/classic/global/media/volume-full.png                (media/volume-full.png)
         skin/classic/global/media/error.png                      (media/error.png)
         skin/classic/global/media/clicktoplay-bgtexture.png      (media/clicktoplay-bgtexture.png)
         skin/classic/global/media/videoClickToPlayButton.svg     (media/videoClickToPlayButton.svg)
         skin/classic/global/menu/shared-menu-check.png           (../../shared/menu-check.png)
 *       skin/classic/global/in-content/common.css                (in-content/common.css)
+*       skin/classic/global/in-content/info-pages.css            (in-content/info-pages.css)
         skin/classic/global/in-content/check.svg                 (../../shared/in-content/check.svg)
         skin/classic/global/in-content/dropdown.svg              (../../shared/in-content/dropdown.svg)
         skin/classic/global/in-content/help-glyph.svg            (../../shared/in-content/help-glyph.svg)
         skin/classic/global/in-content/radio.svg                 (../../shared/in-content/radio.svg)
         skin/classic/global/in-content/sorter.png                (../../shared/in-content/sorter.png)
         skin/classic/global/in-content/sorter@2x.png             (../../shared/in-content/sorter@2x.png)
         skin/classic/global/printpreview/arrow-left.png          (printpreview/arrow-left.png)
         skin/classic/global/printpreview/arrow-left-end.png      (printpreview/arrow-left-end.png)
@@ -360,16 +361,17 @@ toolkit.jar:
         skin/classic/aero/global/media/stalled.png                       (media/stalled.png)
         skin/classic/aero/global/media/volume-empty.png                  (media/volume-empty.png)
         skin/classic/aero/global/media/volume-full.png                   (media/volume-full.png)
         skin/classic/aero/global/media/error.png                         (media/error.png)
         skin/classic/aero/global/media/clicktoplay-bgtexture.png         (media/clicktoplay-bgtexture.png)
         skin/classic/aero/global/media/videoClickToPlayButton.svg        (media/videoClickToPlayButton.svg)
         skin/classic/aero/global/menu/shared-menu-check.png              (../../shared/menu-check.png)
 *       skin/classic/aero/global/in-content/common.css                   (in-content/common.css)
+*       skin/classic/aero/global/in-content/info-pages.css               (in-content/info-pages.css)
         skin/classic/aero/global/in-content/check.svg                    (../../shared/in-content/check.svg)
         skin/classic/aero/global/in-content/dropdown.svg                 (../../shared/in-content/dropdown.svg)
         skin/classic/aero/global/in-content/help-glyph.svg               (../../shared/in-content/help-glyph.svg)
         skin/classic/aero/global/in-content/radio.svg                    (../../shared/in-content/radio.svg)
         skin/classic/aero/global/in-content/sorter.png                   (../../shared/in-content/sorter.png)
         skin/classic/aero/global/in-content/sorter@2x.png                (../../shared/in-content/sorter@2x.png)
         skin/classic/aero/global/printpreview/arrow-left.png             (printpreview/arrow-left-aero.png)
         skin/classic/aero/global/printpreview/arrow-left-end.png         (printpreview/arrow-left-end-aero.png)