1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. 4 */ 5 6 .capture-status-view { 7 background: rgb(238, 0, 0); 8 } 9 10 .halted-status-view { 11 background: rgb(0, 138, 0); 12 } 13 14 .loaded-status-view { 15 background: rgb(113, 113, 171); 16 } 17 18 #capture-status-view { 19 -webkit-align-items: center; 20 display: -webkit-flex; 21 } 22 23 .capture-status-view-link, 24 .capture-status-view-link:visited, 25 .capture-status-view-link:active { 26 color: white; 27 text-decoration: none; 28 } 29 30 .capture-status-view-link:hover { 31 color: white; 32 text-decoration: underline; 33 } 34 35 /* Completely un-style the SELECT. Will place an arrow over it manually. */ 36 #capture-status-view-actions { 37 -webkit-appearance: none; 38 background: none; 39 border: none; 40 height: 25px; 41 outline: none; 42 width: 30px; 43 } 44 45 .capture-status-view-arrow { 46 display: inline-block; 47 position: relative; 48 } 49 50 .capture-status-view-arrow::after { 51 color: black; 52 content: '\25bc'; 53 font-size: 9px; 54 left: 0; 55 line-height: 25px; 56 pointer-events: none; 57 position: absolute; 58 text-align: center; 59 top: 0; 60 width: 100%; 61 } 62