| OLD | NEW |
| (Empty) |
| 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 /* Mimic sans-serif, dark bluish-gray font from Chrome|Settings page. | |
| 6 * This is approximate, as Chrome|Settings can adjust CSS per-platform and | |
| 7 * for instance uses Ubuntu font on Unix. It's at least quite close. */ | |
| 8 body { | |
| 9 font-family: Arial, sans-serif; | |
| 10 font-size: 12px; | |
| 11 color: #303942; | |
| 12 } | |
| 13 | |
| 14 /* Mimic button from Settings page */ | |
| 15 button { | |
| 16 -webkit-padding-end: 10px; | |
| 17 -webkit-padding-start: 10px; | |
| 18 background-color: buttonface; | |
| 19 background-image: -webkit-linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE); | |
| 20 border: 1px solid rgba(0, 0, 0, 0.25); | |
| 21 border-radius: 2px; | |
| 22 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), | |
| 23 inset 0 1px 2px rgba(255, 255, 255, 0.75); | |
| 24 color: #444; | |
| 25 font: inherit; | |
| 26 margin: 0 1px 0 0; | |
| 27 min-height: 2em; | |
| 28 min-width: 4em; | |
| 29 text-shadow: #F0F0F0 0px 1px 0px; | |
| 30 } | |
| 31 | |
| 32 button:active { | |
| 33 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); | |
| 34 box-shadow: none; | |
| 35 text-shadow: none; | |
| 36 } | |
| 37 | |
| 38 input, select { | |
| 39 width: 15em; | |
| 40 } | |
| 41 | |
| 42 /* Top left header and tab headings, respectively */ | |
| 43 #header, h1 { | |
| 44 font-size: 18px; | |
| 45 font-weight: normal; | |
| 46 margin-top: 10px; | |
| 47 } | |
| 48 | |
| 49 /* h2 for major subheadings has pure black */ | |
| 50 h2 { | |
| 51 color: black; | |
| 52 font-size: 14px; | |
| 53 font-weight: normal; | |
| 54 margin-top: 20px; | |
| 55 } | |
| 56 | |
| 57 .divider { | |
| 58 background-color: #EEE; | |
| 59 height: 1px; | |
| 60 min-width: 600px; | |
| 61 } | |
| 62 | |
| 63 .tab-label { | |
| 64 color: #999; | |
| 65 cursor: pointer; | |
| 66 font-size: 13px; | |
| 67 margin-top: 15px; | |
| 68 } | |
| 69 | |
| 70 .selected { | |
| 71 color: #464E5A; | |
| 72 } | |
| 73 | |
| 74 .indent { | |
| 75 margin-left: 18px; | |
| 76 } | |
| 77 | |
| 78 .sub-label { | |
| 79 min-width: 10em; | |
| 80 } | |
| 81 | |
| 82 .column { | |
| 83 -webkit-box-orient: vertical; | |
| 84 display: -webkit-box; | |
| 85 } | |
| 86 | |
| 87 .row { | |
| 88 -webkit-box-orient: horizontal; | |
| 89 display: -webkit-box; | |
| 90 } | |
| 91 | |
| 92 .gapped { | |
| 93 margin-top: 1em; | |
| 94 } | |
| 95 | |
| 96 .url-list { | |
| 97 height: 8em; | |
| 98 width: 20em; | |
| 99 } | |
| 100 | |
| 101 /* Cycler header is a little lighter blue-gray */ | |
| 102 #header { | |
| 103 color: #5C6166; | |
| 104 margin-bottom: 1.5em; | |
| 105 margin-left: 1em; | |
| 106 } | |
| 107 | |
| 108 #header-icon { | |
| 109 float:left; | |
| 110 position:relative; | |
| 111 } | |
| 112 | |
| 113 #tab-navigator { | |
| 114 float:left; | |
| 115 position:relative; | |
| 116 width:100px; | |
| 117 } | |
| 118 | |
| 119 #tab-wrapper { | |
| 120 margin-left: 100px; | |
| 121 } | |
| 122 | |
| 123 #playback-repeats { | |
| 124 width: 3em; | |
| 125 } | |
| 126 | |
| 127 #popup { | |
| 128 background-color: rgba(255, 255, 255, .6); | |
| 129 height:100%; | |
| 130 left: 0; | |
| 131 position: absolute; | |
| 132 top: 0; | |
| 133 width:100%; | |
| 134 z-index: 1; | |
| 135 } | |
| 136 | |
| 137 #popup-box { | |
| 138 background-color: #fff; | |
| 139 border: 1px solid; | |
| 140 left: 30em; | |
| 141 padding: 1em; | |
| 142 position: absolute; | |
| 143 top: 12em; | |
| 144 z-index: 2; | |
| 145 } | |
| 146 | |
| 147 #no-captures { | |
| 148 padding-top: 20px; | |
| 149 } | |
| OLD | NEW |