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 |