[DevTools] UI for network conditions emulation.

Source/devtools/front_end/overrides.css

 /*
  * Copyright (C) 2013 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 85 matching lines @@
 }
 
 .overrides-view .field-error-message {
     display: none;
 }
 
 .overrides-user-agent fieldset {
     padding-top: 5px;
 }
 
+.overrides-network fieldset {
+    padding-top: 5px;
+}
+
+.overrides-network fieldset p {
+    width: 100%;
+}
+
+.overrides-network fieldset .explanation {
+    margin-top: 5px;
+    font-size: 11px;
+}
+
+.overrides-network input[type=text] {
+    width: 100%;
+    max-width: 400px;
+    min-width: 120px;
+}
+
 .overrides-device > select {
     margin-bottom: 10px;
     width: 400px;
     max-width: 90%;
 }
 
 .overrides-device button {
     margin-right: 10px;
 }
 
@@ skipping 60 matching lines @@
 }
 
 .overrides-user-agent select {
     margin: 7px 0;
 }
 
 .overrides-sensors > label {
     margin-bottom: 10px;
 }
 
-.overrides-device, .overrides-viewport, .overrides-user-agent, .overrides-sensors {
+.overrides-device, .overrides-viewport, .overrides-user-agent, .overrides-network, .overrides-sensors {
     flex: none !important;
 }
 
 .overrides-sensors input {
     text-align: right;
 }
 
 .overrides-activate-device #tab-device,
 .overrides-activate-viewport #tab-viewport,
 .overrides-activate-user-agent #tab-user-agent,
+.overrides-activate-network #tab-network,
 .overrides-activate-sensors #tab-sensors {
     color: rgb(25, 100, 228);
     opacity: 0.8;
 }
 
 .overrides-activate-device #tab-device.selected,
 .overrides-activate-viewport #tab-viewport.selected,
 .overrides-activate-user-agent #tab-user-agent.selected,
+.overrides-activate-network #tab-network.selected,
 .overrides-activate-sensors #tab-sensors.selected {
     opacity: 1;
 }
 
 .overrides-view input[type=text]:enabled:focus,
 .overrides-view select:enabled:focus {
     -webkit-transition: border-color 200ms;
     border-color: rgb(77, 144, 254);
     outline: none;
 }
@@ skipping 40 matching lines @@
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .overrides-view .overrides-footer::before {
     background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .overrides-view .overrides-footer .warning-icon-small {
     margin-right: 3px;
 }