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 body { | |
6 margin: 10px; | |
7 min-width: 47em; | |
8 } | |
9 | |
10 a { | |
11 color: blue; | |
12 font-size: 103%; | |
13 } | |
14 | |
15 #header { | |
16 -webkit-padding-start: 0; | |
17 background: url(../../../ui/webui/resources/images/extension.svg) | |
18 left center / 48px no-repeat; | |
19 box-sizing: border-box; | |
20 margin-bottom: 1.05em; | |
21 overflow: hidden; | |
22 position: relative; | |
23 } | |
24 | |
25 html[dir=rtl] #header { | |
26 background-position-x: right; | |
27 } | |
28 | |
29 #header h1 { | |
30 -webkit-padding-start: 51px; | |
31 line-height: 48px; | |
32 } | |
33 | |
34 h1 { | |
35 font-size: 156%; | |
36 font-weight: bold; | |
37 margin: 0; | |
38 padding: 0; | |
39 } | |
40 | |
41 #disabled-container { | |
42 font-size: 120%; | |
43 padding-bottom: 1.5em; | |
44 } | |
45 | |
46 #disabled-header { | |
47 color: red; | |
48 font-weight: bold; | |
49 } | |
50 | |
51 div.content { | |
52 margin-top: 5px; | |
53 } | |
54 | |
55 .section-header { | |
56 -webkit-padding-start: 5px; | |
57 background: rgb(235, 239, 249); | |
58 border-top: 1px solid rgb(181, 199, 222); | |
59 font-size: 99%; | |
60 padding-bottom: 2px; | |
61 padding-top: 3px; | |
62 width: 100%; | |
63 } | |
64 | |
65 .section-header > table tr td:first-child { | |
66 width: 100%; | |
67 } | |
68 | |
69 .section-header > table { | |
70 width: 100%; | |
71 } | |
72 | |
73 .section-header-title { | |
74 font-weight: bold; | |
75 } | |
76 | |
77 .vbox-container { | |
78 -webkit-box-orient: vertical; | |
79 display: -webkit-box; | |
80 } | |
81 | |
82 .wbox { | |
83 -webkit-box-align: stretch; | |
84 -webkit-box-flex: 1; | |
85 display: -webkit-box; | |
86 } | |
87 | |
88 #top { | |
89 -webkit-padding-end: 5px; | |
90 } | |
91 | |
92 .show-in-tmi-mode { | |
93 overflow: hidden; | |
94 } | |
95 | |
96 body.hide-tmi-mode-initial .show-in-tmi-mode { | |
97 height: 0 !important; | |
98 opacity: 0; | |
99 } | |
100 | |
101 body.hide-tmi-mode .show-in-tmi-mode { | |
102 -webkit-transition: all 100ms ease-out; | |
103 height: 0 !important; | |
104 opacity: 0; | |
105 } | |
106 | |
107 body.show-tmi-mode-initial .show-in-tmi-mode { | |
108 opacity: 1; | |
109 } | |
110 | |
111 body.show-tmi-mode .show-in-tmi-mode { | |
112 -webkit-transition: all 100ms ease-in; | |
113 opacity: 1; | |
114 } | |
115 | |
116 .wbox-tmi-mode { | |
117 -webkit-box-align: stretch; | |
118 -webkit-box-flex: 1; | |
119 } | |
120 | |
121 .tmi-mode-image { | |
122 margin-top: 2px; | |
123 padding-left: 5px; | |
124 padding-right: 5px; | |
125 } | |
126 | |
127 .tmi-mode-link { | |
128 margin-right: 3px; | |
129 white-space: nowrap; | |
130 } | |
131 | |
132 .tmi-mode-link a { | |
133 font-size: 97%; | |
134 } | |
135 | |
136 .tmi-mode { | |
137 -webkit-padding-start: 10px; | |
138 background: rgb(244, 246, 252); | |
139 border-bottom: 1px solid rgb(237, 239, 245); | |
140 font-size: 89%; | |
141 padding-bottom: 0.8em; | |
142 padding-top: 0.8em; | |
143 width: 100%; | |
144 } | |
145 | |
146 .plugin-disabled { | |
147 background-color: #f0f0f0; | |
148 color: #a0a0a0; | |
149 } | |
150 | |
151 .plugin > tr > td { | |
152 padding-bottom: 4px; | |
153 padding-top: 5px; | |
154 } | |
155 | |
156 .plugin-file { | |
157 padding-bottom: 5px; | |
158 padding-top: 5px; | |
159 } | |
160 | |
161 .plugin { | |
162 border-bottom: 1px solid #cdcdcd; | |
163 } | |
164 | |
165 .critical { | |
166 color: red; | |
167 } | |
168 | |
169 /* Indent the text related to each plug-in. */ | |
170 .plugin-text { | |
171 -webkit-padding-start: 5px; | |
172 } | |
173 | |
174 .plugin-name { | |
175 font-weight: bold; | |
176 } | |
177 | |
178 .no-plugins { | |
179 font-size: 1.2em; | |
180 margin: 6em 0 0; | |
181 text-align: center; | |
182 } | |
183 | |
184 /* Use tables for layout, so eliminate extra spacing. */ | |
185 .plugin-details table { | |
186 -webkit-border-horizontal-spacing: 0; | |
187 -webkit-border-vertical-spacing: 0; | |
188 } | |
189 | |
190 .plugin-details { | |
191 -webkit-padding-start: 1em; | |
192 } | |
193 | |
194 /* Separate the inital line, Description, Location, and MIME Types lines. */ | |
195 .plugin-details > div { | |
196 padding-top: 0.1em | |
197 } | |
198 | |
199 /* Align rows of tables along the top. */ | |
200 .plugin-details tr { | |
201 vertical-align: top; | |
202 } | |
203 | |
204 /* Separate columns by 1em for the most part. */ | |
205 .plugin-details td+td { | |
206 -webkit-padding-start: 1em; | |
207 } | |
208 | |
209 /* Make the MIME Types tables smaller. */ | |
210 .plugin-details .mime-types { | |
211 font-size: 95%; | |
212 } | |
213 | |
214 /* Separate the header from the contents in each MIME Types table. */ | |
215 .plugin-details .mime-types .header td { | |
216 border-bottom: 1px solid black; | |
217 padding-bottom: 0.1em; | |
218 } | |
219 | |
220 /* Separate the columns for tables used for horizontal listings only a bit. */ | |
221 .hlisting td+td { | |
222 -webkit-padding-start: 0.4em; | |
223 } | |
224 | |
225 /* Match the indentation of .plugin-text. */ | |
226 .plugin-actions { | |
227 -webkit-padding-start: 5px; | |
228 margin-bottom: 0.2em; | |
229 margin-top: 0.2em; | |
230 } | |
231 | |
232 button { | |
233 font-size: 104%; | |
234 } | |
OLD | NEW |