Bug 968029 - Use unprefixed box-sizing in browser/ and toolkit/. r=dao
authorAlex Henrie <alexhenrie24@gmail.com>
Tue, 04 Feb 2014 21:36:29 -0700
changeset 167279 6960aec45b205000f13088cb52d0ff90e40e6e2e
parent 167278 fb87577b522199202d49bdcb41bb1932514940e0
child 167280 8b95c94994745a7868132d8ffe58288d1898fcd5
push id39431
push userryanvm@gmail.com
push dateThu, 06 Feb 2014 19:57:37 +0000
treeherdermozilla-inbound@fbc5502870bb [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs968029
milestone30.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 968029 - Use unprefixed box-sizing in browser/ and toolkit/. r=dao
browser/base/content/aboutaccounts/main.css
browser/base/content/aboutaccounts/normalize.css
browser/base/content/browser.css
browser/devtools/layoutview/view.css
browser/devtools/profiler/cleopatra/css/ui.css
browser/devtools/sourceeditor/codemirror/codemirror.css
browser/metro/theme/config.css
browser/metro/theme/tiles.css
browser/themes/linux/devtools/computedview.css
browser/themes/linux/devtools/font-inspector.css
browser/themes/linux/devtools/layoutview.css
browser/themes/osx/devtools/computedview.css
browser/themes/osx/devtools/font-inspector.css
browser/themes/osx/devtools/layoutview.css
browser/themes/shared/devtools/app-manager/connection-footer.css
browser/themes/shared/devtools/app-manager/device.css
browser/themes/shared/devtools/app-manager/index.css
browser/themes/shared/devtools/app-manager/projects.css
browser/themes/windows/devtools/computedview.css
browser/themes/windows/devtools/font-inspector.css
browser/themes/windows/devtools/layoutview.css
toolkit/content/textbox.css
toolkit/content/xul.css
toolkit/themes/linux/mozapps/extensions/extensions.css
toolkit/themes/linux/mozapps/extensions/selectAddons.css
toolkit/themes/osx/mozapps/extensions/selectAddons.css
toolkit/themes/shared/plugins/pluginProblem.css
toolkit/themes/windows/mozapps/extensions/selectAddons.css
--- a/browser/base/content/aboutaccounts/main.css
+++ b/browser/base/content/aboutaccounts/main.css
@@ -1,12 +1,10 @@
 /* Border box all the things by default */
 *, *:before, *:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 html {
   background-color: #f1f1f1;
   background-image: -webkit-linear-gradient(-90deg, #fefefe 0%, #f1f1f1 100%);
   background-image:    -moz-linear-gradient(-90deg, #fefefe 0%, #f1f1f1 100%);
   background-image:     -ms-linear-gradient(-90deg, #fefefe 0%, #f1f1f1 100%);
--- a/browser/base/content/aboutaccounts/normalize.css
+++ b/browser/base/content/aboutaccounts/normalize.css
@@ -145,17 +145,16 @@ dfn {
     font-style: italic;
 }
 
 /**
  * Address differences between Firefox and other browsers.
  */
 
 hr {
-    -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
 }
 
 /**
  * Address styling not present in IE 8/9.
  */
 
@@ -346,25 +345,22 @@ html input[disabled] {
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome.
  */
 
 input[type="search"] {
     -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
+    box-sizing: content-box; /* 2 */
 }
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
 
 input[type="search"]::-webkit-search-cancel-button,
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -847,17 +847,17 @@ chatbox:-moz-full-screen-ancestor  {
   bottom: 0 !important;
   width: 100% !important;
   height: 100% !important;
   margin: 0 !important;
   min-width: 0 !important;
   max-width: none !important;
   min-height: 0 !important;
   max-height: none !important;
-  -moz-box-sizing: border-box !important; 
+  box-sizing: border-box !important;
 }
 
 /* hide chat chrome when chat is fullscreen */
 chatbox:-moz-full-screen-ancestor > .chat-titlebar {
   display: none;
 }
 
 /* hide chatbar if browser tab is fullscreen */
--- a/browser/devtools/layoutview/view.css
+++ b/browser/devtools/layoutview/view.css
@@ -9,17 +9,17 @@ body, html {
 }
 
 body {
   margin: 0;
   padding: 0;
 }
 
 #header {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   width: 100%;
   padding: 6px 9px;
   display: -moz-box;
   vertical-align: top;
 }
 
 #header:-moz-dir(rtl) {
   -moz-box-direction: reverse;
@@ -34,17 +34,17 @@ body {
 }
 
 #element-size:-moz-dir(rtl) {
   -moz-box-pack: end;
 }
 
 #main {
   margin: 0 10px 10px 10px;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   width: calc(100% - 2 * 10px);
   position: absolute;
   border-width: 1px;
 }
 
 @media (min-width: 320px) {
   body {
     position: absolute;
--- a/browser/devtools/profiler/cleopatra/css/ui.css
+++ b/browser/devtools/profiler/cleopatra/css/ui.css
@@ -198,17 +198,16 @@ body {
 #infoBar dd {
   margin-left: 0;
 }
 #infoBar dd::after {
   content: "\a";
   white-space:pre;
 }
 .sideBar {
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 200px;
   height: 480px;
   overflow: auto;
   padding: 3px;
--- a/browser/devtools/sourceeditor/codemirror/codemirror.css
+++ b/browser/devtools/sourceeditor/codemirror/codemirror.css
@@ -113,17 +113,16 @@ div.CodeMirror span.CodeMirror-nonmatchi
 .CodeMirror-scroll {
   /* 30px is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
   margin-bottom: -30px; margin-right: -30px;
   padding-bottom: 30px; padding-right: 30px;
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
-  -moz-box-sizing: content-box;
   box-sizing: content-box;
 }
 .CodeMirror-sizer {
   position: relative;
 }
 
 /* The fake, visible scrollbars. Used to force redraw during scrolling
    before actuall scrolling happens, thus preventing shaking and
@@ -153,17 +152,16 @@ div.CodeMirror span.CodeMirror-nonmatchi
 .CodeMirror-gutters {
   position: absolute; left: 0; top: 0;
   padding-bottom: 30px;
   z-index: 3;
 }
 .CodeMirror-gutter {
   white-space: normal;
   height: 100%;
-  -moz-box-sizing: content-box;
   box-sizing: content-box;
   padding-bottom: 30px;
   margin-bottom: -32px;
   display: inline-block;
   /* Hack to make IE7 behave */
   *zoom:1;
   *display:inline;
 }
--- a/browser/metro/theme/config.css
+++ b/browser/metro/theme/config.css
@@ -63,17 +63,17 @@ body {
 #filter-input:-moz-placeholder {
     color: rgba(255,255,255,0.5);
 }
 
 .toolbar input {
     display: inline-block;
     height: 100%;
     min-width: 3em;
-    -moz-box-sizing: border-box;
+    box-sizing: border-box;
     opacity: 0.75;
 }
 
 #new-pref-toggle-button {
     background-position: center center;
     background-image: url("chrome://browser/skin/images/reader-plus-icon-xhdpi.png");
     background-size: 48px 48px;
     height: 48px;
@@ -127,26 +127,26 @@ ul {
     list-style-position: inside;
     border: 1px solid #808080;
     background-color: #ffffff;
     min-height: 100%;
     width: 100%;
     padding-top: 0;
     margin: 0;
     padding-left: 0;
-    -moz-box-sizing: border-box;
+    box-sizing: border-box;
     box-shadow: 0 0 5px #000000;
     overflow-x: hidden;
 }
 
 #new-pref-container {
     width: 100%;
     margin: 0;
     background-color: #ffffff;
-    -moz-box-sizing: border-box;
+    box-sizing: border-box;
     box-shadow: 0 0 5px #000000;
     overflow-x: hidden;
     max-width: 40em;
     max-height: 100%;
     position: fixed;
     top: 3em;
     left: auto;
     display: none;
@@ -265,17 +265,17 @@ li {
 }
 
 .pref-item.selected {
     background-color: rgba(0,0,255,0.05);
 }
 
 .pref-button {
     display: inline-block;
-    -moz-box-sizing: border-box;
+    box-sizing: border-box;
     text-align: center;
     padding: 10px 1em;
     border-left: 1px solid rgba(0,0,0,0.1);
     opacity: 0;
     transition-property: opacity;
     transition-duration: 500ms;
 }
 
--- a/browser/metro/theme/tiles.css
+++ b/browser/metro/theme/tiles.css
@@ -40,32 +40,32 @@ richgrid {
 richgrid > .richgrid-grid {
   -moz-column-width: @grid_double_column_width@; /* tile width (2x unit + gutter) */
   min-width: @grid_double_column_width@; /* min 1 column */
   min-height: @grid_double_row_height@; /* 2 rows (or 1 double rows) minimum; multiple of tile_height */
   -moz-column-fill: auto; /* do not attempt to balance content between columns */
   -moz-column-gap: 0;
   -moz-column-count: auto;
   display: block;
-  -moz-box-sizing: content-box;
+  box-sizing: content-box;
   overflow-x: hidden; /* clipping will only kick in if an explicit width is set */
   transition: 100ms transform ease-out;
 }
 
 richgrid[search] > .richgrid-grid {
   -moz-column-width: auto;
   min-width: 0;
 }
 
 richgriditem {
   display: block;
   position: relative;
   width: @grid_double_column_width@;
   height: @grid_row_height@;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   -moz-column-gap: 0;
   overflow:hidden;
   cursor: default;
 }
 
 .tile-content {
   display: block;
   position: absolute;
--- a/browser/themes/linux/devtools/computedview.css
+++ b/browser/themes/linux/devtools/computedview.css
@@ -1,15 +1,15 @@
 /* vim:set ts=2 sw=2 sts=2 et: */
 /* 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/. */
 
 * {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 :root {
   height: 100%;
 }
 
 body {
   margin: 0;
--- a/browser/themes/linux/devtools/font-inspector.css
+++ b/browser/themes/linux/devtools/font-inspector.css
@@ -1,10 +1,10 @@
 * {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 body {
   margin: 0;
   padding-bottom: 20px;
 }
 
 #all-fonts {
--- a/browser/themes/linux/devtools/layoutview.css
+++ b/browser/themes/linux/devtools/layoutview.css
@@ -7,17 +7,17 @@
 }
 
 .theme-light .theme-body {
   background-image: url(layout-background-grid.png), radial-gradient(circle at 50% 70%, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
 }
 
 .theme-body {
   color: hsl(210,100%,85%) !important;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #main {
   border-color: hsla(210,100%,85%,0.7);
   border-style: dotted;
 }
 
 #main > .border {
--- a/browser/themes/osx/devtools/computedview.css
+++ b/browser/themes/osx/devtools/computedview.css
@@ -17,17 +17,17 @@
 }
 .link:hover {
   text-decoration: underline;
 }
 
 /* From content */
 
 * {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 :root {
   height: 100%;
 }
 
 body {
   margin: 0;
--- a/browser/themes/osx/devtools/font-inspector.css
+++ b/browser/themes/osx/devtools/font-inspector.css
@@ -1,10 +1,10 @@
 * {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 body {
   margin: 0;
   padding-bottom: 20px;
 }
 
 #all-fonts {
--- a/browser/themes/osx/devtools/layoutview.css
+++ b/browser/themes/osx/devtools/layoutview.css
@@ -7,17 +7,17 @@
 }
 
 .theme-light .theme-body {
   background-image: url(layout-background-grid.png), radial-gradient(circle at 50% 70%, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
 }
 
 .theme-body {
   color: hsl(210,100%,85%) !important;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #main {
   border-color: hsla(210,100%,85%,0.7);
   border-style: dotted;
 }
 
 #main > .border {
--- a/browser/themes/shared/devtools/app-manager/connection-footer.css
+++ b/browser/themes/shared/devtools/app-manager/connection-footer.css
@@ -73,17 +73,17 @@ body.edit-connection #banner-editing {
   display: inline;
 }
 
 /************** PIXELS **************/
 
 * {
   margin: 0;
   padding: 0;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   font-size: 0.9rem;
 }
 
 body {
   color: #333;
   background-color: white;
   font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
 }
--- a/browser/themes/shared/devtools/app-manager/device.css
+++ b/browser/themes/shared/devtools/app-manager/device.css
@@ -2,17 +2,17 @@
  * 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/. */
 
 /*****************      GENERAL      *****************/
 
 * {
   margin: 0;
   padding: 0;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 html, body {
   height: 100%;
 }
 
 body {
   font-size: 0.9rem;
--- a/browser/themes/shared/devtools/app-manager/index.css
+++ b/browser/themes/shared/devtools/app-manager/index.css
@@ -1,16 +1,16 @@
 /* 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/. */
 
 * {
   margin: 0;
   padding: 0;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
 }
 
 #tabs {
   box-shadow: inset -4px 0 0 rgba(0,0,0,0.3);
   background: #252C33;
 }
 
--- a/browser/themes/shared/devtools/app-manager/projects.css
+++ b/browser/themes/shared/devtools/app-manager/projects.css
@@ -1,16 +1,16 @@
 /* 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/. */
 
 * {
   margin: 0;
   padding: 0;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   font-size: 0.9rem;
 }
 
 html, body {
   height: 100%;
 }
 
 template {
--- a/browser/themes/windows/devtools/computedview.css
+++ b/browser/themes/windows/devtools/computedview.css
@@ -17,17 +17,17 @@
 }
 .link:hover {
   text-decoration: underline;
 }
 
 /* From content */
 
 * {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 :root {
   height: 100%;
 }
 
 body {
   margin: 0;
--- a/browser/themes/windows/devtools/font-inspector.css
+++ b/browser/themes/windows/devtools/font-inspector.css
@@ -1,10 +1,10 @@
 * {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 body {
   margin: 0;
   padding-bottom: 20px;
 }
 
 #all-fonts {
--- a/browser/themes/windows/devtools/layoutview.css
+++ b/browser/themes/windows/devtools/layoutview.css
@@ -7,17 +7,17 @@
 }
 
 .theme-light .theme-body {
   background-image: url(layout-background-grid.png), radial-gradient(circle at 50% 70%, hsl(210,53%,45%) 0%, hsl(210,54%,33%) 100%);
 }
 
 .theme-body {
   color: hsl(210,100%,85%) !important;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #main {
   border-color: hsla(210,100%,85%,0.7);
   border-style: dotted;
 }
 
 #main > .border {
--- a/toolkit/content/textbox.css
+++ b/toolkit/content/textbox.css
@@ -4,24 +4,24 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
 
 html|*.textbox-input {
   -moz-appearance: none !important;
   text-align: inherit;
   text-shadow: inherit;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   -moz-box-flex: 1;
 }
 
 html|*.textbox-textarea {
   -moz-appearance: none !important;
   text-shadow: inherit;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   -moz-box-flex: 1;
 }
 
 /*
 html|*.textbox-input::-moz-placeholder,
 html|*.textbox-textarea::-moz-placeholder {
   text-align: left;
   direction: ltr;
--- a/toolkit/content/xul.css
+++ b/toolkit/content/xul.css
@@ -13,17 +13,17 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
 @namespace xbl url("http://www.mozilla.org/xbl"); /* namespace for XBL elements */
 
 * {
   -moz-user-focus: ignore;
   -moz-user-select: none;
   display: -moz-box;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 :root {
   text-rendering: optimizeLegibility;
   -moz-binding: url("chrome://global/content/bindings/general.xml#root-element");
 }
 
 :root:-moz-locale-dir(rtl) {
--- a/toolkit/themes/linux/mozapps/extensions/extensions.css
+++ b/toolkit/themes/linux/mozapps/extensions/extensions.css
@@ -649,17 +649,17 @@
 }
 
 #detail-screenshot[loading] {
   background-image: url("chrome://global/skin/icons/loading_16.png");
   background-position: 50% 50%;
   background-repeat: no-repeat;
   border: 1px threedshadow solid;
   border-radius: 5px;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #detail-screenshot[loading="error"] {
   background-image: url("chrome://global/skin/media/error.png");
 }
 
 #detail-desc-container {
   margin-bottom: 2em;
--- a/toolkit/themes/linux/mozapps/extensions/selectAddons.css
+++ b/toolkit/themes/linux/mozapps/extensions/selectAddons.css
@@ -65,17 +65,17 @@
 
 .select-cell {
   -moz-box-align: center;
   -moz-box-pack: start;
 }
 
 #select-header .select-cell {
   -moz-appearance: treeheadercell;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .select-keep {
   -moz-box-pack: center;
 }
 
 .select-keep .checkbox-label-box {
   display: none;
@@ -91,17 +91,17 @@
 
 #select-grid separator {
   display: none;
 }
 
 .addon-name,
 .addon-action-message,
 .addon-action-update {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding-top: 1px;
   padding-bottom: 2px;
   -moz-padding-start: 6px;
   -moz-padding-end: 5px;
 }
 
 .addon:not([active]) .addon-name,
--- a/toolkit/themes/osx/mozapps/extensions/selectAddons.css
+++ b/toolkit/themes/osx/mozapps/extensions/selectAddons.css
@@ -60,17 +60,17 @@
 #select-grid checkbox {
   margin-top: 0;
   margin-bottom: 0;
 }
 
 .select-cell {
   -moz-box-align: center;
   -moz-box-pack: start;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #select-header {
   background-color: Window !important;
 }
 
 #select-header .select-cell {
   -moz-appearance: treeheadercell;
@@ -93,17 +93,17 @@
 
 #select-grid separator {
   display: none;
 }
 
 .addon-name,
 .addon-action-message,
 .addon-action-update {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding: 2px 6px;
 }
 
 .addon:not([active]) .addon-name,
 .addon:not([active]) .addon-action-message,
 .addon:not([active]) .addon-action-update {
   color: GrayText;
--- a/toolkit/themes/shared/plugins/pluginProblem.css
+++ b/toolkit/themes/shared/plugins/pluginProblem.css
@@ -16,17 +16,17 @@
   background-color: rgb(72,72,72);
   color: white;
   -moz-user-select: none;
   position: relative;
 }
 
 .hoverBox {
   display: table-cell;
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   padding: 5px;
   vertical-align: middle;
   width: 100%;
   height: 100%;
 }
 :-moz-handler-vulnerable-updatable .hoverBox:active,
 :-moz-handler-vulnerable-no-update .hoverBox:active,
 :-moz-handler-clicktoplay .hoverBox:active {
--- a/toolkit/themes/windows/mozapps/extensions/selectAddons.css
+++ b/toolkit/themes/windows/mozapps/extensions/selectAddons.css
@@ -59,17 +59,17 @@
 }
 
 .select-cell {
   -moz-box-align: center;
   -moz-box-pack: start;
 }
 
 #select-header .select-cell {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #select-header .select-keep,
 #select-header .select-icon,
 #select-header .select-name,
 #select-header .select-action {
   background-image: linear-gradient(#D6E5F5 0%, Window 100%);
   background-size: 1px 100%;
@@ -97,17 +97,17 @@
 
 .select-keep .checkbox-label-box {
   display: none;
 }
 
 .addon-name,
 .addon-action-message,
 .addon-action-update {
-  -moz-box-sizing: border-box;
+  box-sizing: border-box;
   margin: 0;
   padding-top: 1px;
   padding-bottom: 2px;
   -moz-padding-start: 6px;
   -moz-padding-end: 5px;
 }
 
 #select-grid separator {