DevTools: unify theming for checkbox components.

Source/devtools/front_end/emulation/responsiveDesignView.css

 /*
  * Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .responsive-design {
     position: relative;
     background-color: rgb(0, 0, 0);
     overflow: hidden;
@@ skipping 223 matching lines @@
 
 .responsive-design-toolbar input:focus::-webkit-input-placeholder {
     color: transparent !important;
 }
 
 .responsive-design-toolbar fieldset:disabled input,
 .responsive-design-toolbar fieldset:disabled button {
     opacity: 0.7;
 }
 
-.responsive-design-toolbar input[type='checkbox'] {
-    -webkit-appearance: none;
-    margin: 0 5px auto 2px;
-    border: 1px solid rgb(45, 45, 45);
-    border-radius: 3px;
-    background-color: rgb(102, 102, 102);
-    position: relative;
-    top: 1px;
-}
-
-.responsive-design-toolbar input[type='checkbox']:after {
-    content: '';
-    line-height: 10px;
-    position: absolute;
-    cursor: pointer;
-    width: 12px;
-    height: 12px;
-    background: none;
-}
-
-.responsive-design-toolbar input[type='checkbox']:checked:after {
-    background: rgb(220, 220, 220);
-}
-
 .responsive-design-toolbar input.error-input {
     color: red !important;
     text-decoration: line-through;
 }
 
 .responsive-design-toolbar select {
     height: 18px;
     background-color: rgb(87, 87, 87);
     border: 0;
     margin-left: 10px;
@@ skipping 23 matching lines @@
 div.responsive-design-icon:disabled {
     opacity: 1 !important;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .responsive-design-icon {
     -webkit-mask-image: url(Images/responsiveDesign_2x.png);
 }
 } /* media */
 
-.responsive-design-toolbar input[type='checkbox']:after {
-    -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
-    -webkit-mask-size: 352px 144px;
-    -webkit-mask-position: -128px -110px;
-}
-
-@media (-webkit-min-device-pixel-ratio: 1.5) {
-    .responsive-design-toolbar input[type='checkbox']:after {
-        -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
-    }
-} /* media */
-
 .responsive-design-icon-resolution {
     -webkit-mask-position: 0 0;
 }
 
 .responsive-design-icon-dpr {
     -webkit-mask-position: -16px 0;
 }
 
 .responsive-design-icon-swap {
     background-color: rgb(255, 170, 0);
@@ skipping 190 matching lines @@
     pointer-events: none;
 }
 
 .media-inspector-label-right {
     right: 4px;
 }
 
 .media-inspector-label-left {
     left: 4px;
 }