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