[DevTools] UI for network conditions emulation.

Source/devtools/front_end/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 {
     overflow: hidden;
     position: relative;
 }
@@ skipping 110 matching lines @@
 .responsive-design-toolbar > .responsive-design-composite-section {
     border-right: 1px solid rgb(163, 163, 163);
 }
 
 .responsive-design-toolbar .field-error-message {
     display: none;
 }
 
 .responsive-design-toolbar input[type='text'] {
     color: rgb(255, 156, 0);
-    text-align: center;
+    text-align: left;
     background-color: transparent;
     border: none;
     margin: 0;
     padding-bottom: 4px;
 }
 
+.responsive-design-toolbar input[type='text'].numeric {
+    text-align: center;
+}
+
+.responsive-design-toolbar input[type='text']::-webkit-input-placeholder {
+    color: rgba(255, 156, 0, 0.5);
+}
+
 .responsive-design-toolbar input[type='text']:not(.numeric) {
     width: 100%;
     margin-left: 7px;
 }
 
 .responsive-design-toolbar input:disabled,
 .responsive-design-toolbar input[readonly],
 .responsive-design-toolbar button:disabled {
     opacity: 0.7;
 }
@@ skipping 118 matching lines @@
 .responsive-design-icon-expand {
     -webkit-mask-position: -48px 0;
     top: 0 !important;
     margin-right: 2px;
 }
 
 .responsive-design-expand.expanded .responsive-design-icon-expand {
     transform: rotate(180deg);
 }
 
+.responsive-design-network select {
+    width: 120px;
+}
+
 .responsive-design-warning {
     background-color: rgb(64, 64, 64);
     color: rgb(180, 180, 180);
     height: 19px;
     padding: 2px;
     white-space: nowrap;
 }
 
 .responsive-design-warning::before {
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 144px;
     width: 10px;
     height: 10px;
     content: "";
     position: relative;
     top: 2px;
     background-position: -202px -107px;
     float: left;
     margin-right: 4px;
     margin-left: 2px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .responsive-design-warning::before {
     background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */