Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(116)

Side by Side Diff: chrome/browser/resources/plugins.css

Issue 9958101: [WebUI] Fix rest of CSS style nits in misc. dirs so I can turn on CSS checker. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: rebase Created 8 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « chrome/browser/resources/omnibox/omnibox.css ('k') | chrome/browser/resources/plugins.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Copyright (c) 2012 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 3 * found in the LICENSE file. */
5 */
6 4
7 body { 5 body {
8 margin: 10px; 6 margin: 10px;
9 min-width: 47em; 7 min-width: 47em;
10 } 8 }
11 9
12 a { 10 a {
13 color: blue; 11 color: blue;
14 font-size: 103%; 12 font-size: 103%;
15 } 13 }
16 14
17 div#header { 15 div#header {
16 -webkit-padding-start: 0;
17 box-sizing: border-box;
18 margin-bottom: 1.05em; 18 margin-bottom: 1.05em;
19 /* 67px is the height of the header's background image. */ 19 /* 67px is the height of the header's background image. */
20 min-height: 67px; 20 min-height: 67px;
21 overflow: hidden; 21 overflow: hidden;
22 padding-bottom: 20px; 22 padding-bottom: 20px;
23 -webkit-padding-start: 0;
24 padding-top: 20px; 23 padding-top: 20px;
25 position: relative; 24 position: relative;
26 box-sizing: border-box;
27 } 25 }
28 26
29 #header h1 { 27 #header h1 {
30 background: url('../../app/theme/extensions_section.png') 0 20px no-repeat; 28 background: url('../../app/theme/extensions_section.png') 0 20px no-repeat;
31 display: inline; 29 display: inline;
32 margin: 0; 30 margin: 0;
33 padding-bottom: 20px; 31 padding-bottom: 20px;
34 padding-left: 75px; 32 padding-left: 75px;
35 padding-top: 40px; 33 padding-top: 40px;
36 } 34 }
37 35
38 html[dir=rtl] #header h1 { 36 html[dir=rtl] #header h1 {
39 background: url('../../app/theme/extensions_section.png') right no-repeat; 37 background: url('../../app/theme/extensions_section.png') right no-repeat;
38 padding-left: 0;
40 padding-right: 95px; 39 padding-right: 95px;
41 padding-left: 0;
42 } 40 }
43 41
44 h1 { 42 h1 {
45 font-size: 156%; 43 font-size: 156%;
46 font-weight: bold; 44 font-weight: bold;
45 margin: 0;
47 padding: 0; 46 padding: 0;
48 margin: 0;
49 } 47 }
50 48
51 #disabled-container { 49 #disabled-container {
50 font-size: 120%;
52 padding-bottom: 1.5em; 51 padding-bottom: 1.5em;
53 font-size: 120%;
54 } 52 }
55 53
56 #disabled-header { 54 #disabled-header {
57 color: red; 55 color: red;
58 font-weight: bold; 56 font-weight: bold;
59 } 57 }
60 58
61 div.content { 59 div.content {
62 font-size: 88%; 60 font-size: 88%;
63 margin-top: 5px; 61 margin-top: 5px;
64 } 62 }
65 63
66 .section-header { 64 .section-header {
67 background: #ebeff9; 65 -webkit-padding-start: 5px;
68 border-top: 1px solid #b5c7de; 66 background: rgb(235, 239, 249);
67 border-top: 1px solid rgb(181, 199, 222);
69 font-size: 99%; 68 font-size: 99%;
70 padding-bottom: 2px; 69 padding-bottom: 2px;
71 -webkit-padding-start: 5px;
72 padding-top: 3px; 70 padding-top: 3px;
73 width: 100%; 71 width: 100%;
74 } 72 }
75 73
76 .section-header > table tr td:first-child { 74 .section-header > table tr td:first-child {
77 width: 100%; 75 width: 100%;
78 } 76 }
79 77
80 .section-header > table { 78 .section-header > table {
81 width: 100%; 79 width: 100%;
82 } 80 }
83 81
84 .section-header-title { 82 .section-header-title {
85 font-weight: bold; 83 font-weight: bold;
86 } 84 }
87 85
88 .vbox-container { 86 .vbox-container {
87 -webkit-box-orient: vertical;
89 display: -webkit-box; 88 display: -webkit-box;
90 -webkit-box-orient: vertical;
91 } 89 }
92 90
93 .wbox { 91 .wbox {
94 display: -webkit-box;
95 -webkit-box-align: stretch; 92 -webkit-box-align: stretch;
96 -webkit-box-flex: 1; 93 -webkit-box-flex: 1;
94 display: -webkit-box;
97 } 95 }
98 96
99 #top { 97 #top {
100 -webkit-padding-end: 5px; 98 -webkit-padding-end: 5px;
101 } 99 }
102 100
103 .showInTmiMode { 101 .show-in-tmi-mode {
104 overflow: hidden; 102 overflow: hidden;
105 } 103 }
106 104
107 body.hideTmiModeInitial .showInTmiMode { 105 body.hide-tmi-mode-initial .show-in-tmi-mode {
108 height: 0 !important; 106 height: 0 !important;
109 opacity: 0; 107 opacity: 0;
110 } 108 }
111 109
112 body.hideTmiMode .showInTmiMode { 110 body.hide-tmi-mode .show-in-tmi-mode {
111 -webkit-transition: all 100ms ease-out;
113 height: 0 !important; 112 height: 0 !important;
114 opacity: 0; 113 opacity: 0;
115 -webkit-transition: all 100ms ease-out;
116 } 114 }
117 115
118 body.showTmiModeInitial .showInTmiMode { 116 body.show-tmi-mode-initial .show-in-tmi-mode {
119 opacity: 1; 117 opacity: 1;
120 } 118 }
121 119
122 body.showTmiMode .showInTmiMode { 120 body.show-tmi-mode .show-in-tmi-mode {
121 -webkit-transition: all 100ms ease-in;
123 opacity: 1; 122 opacity: 1;
124 -webkit-transition: all 100ms ease-in;
125 } 123 }
126 124
127 .wbox-tmi-mode { 125 .wbox-tmi-mode {
128 -webkit-box-align: stretch; 126 -webkit-box-align: stretch;
129 -webkit-box-flex: 1; 127 -webkit-box-flex: 1;
130 } 128 }
131 129
132 .tmi-mode-image { 130 .tmi-mode-image {
133 margin-top: 2px; 131 margin-top: 2px;
134 padding-left: 5px; 132 padding-left: 5px;
135 padding-right: 5px; 133 padding-right: 5px;
136 } 134 }
137 135
138 .tmi-mode-link { 136 .tmi-mode-link {
139 margin-right: 3px; 137 margin-right: 3px;
140 white-space: nowrap; 138 white-space: nowrap;
141 } 139 }
142 140
143 .tmi-mode-link a { 141 .tmi-mode-link a {
144 font-size: 97%; 142 font-size: 97%;
145 } 143 }
146 144
147 .tmi-mode { 145 .tmi-mode {
148 background: #f4f6fc; 146 -webkit-padding-start: 10px;
149 border-bottom: 1px solid #edeff5; 147 background: rgb(244, 246, 252);
148 border-bottom: 1px solid rgb(237, 239, 245);
150 font-size: 89%; 149 font-size: 89%;
151 padding-bottom: 0.8em; 150 padding-bottom: 0.8em;
152 -webkit-padding-start: 10px;
153 padding-top: 0.8em; 151 padding-top: 0.8em;
154 width: 100%; 152 width: 100%;
155 } 153 }
156 154
157 .plugin-disabled > td { 155 .plugin-disabled > td {
158 background-color: #f0f0f0; 156 background-color: #f0f0f0;
159 color: #a0a0a0; 157 color: #a0a0a0;
160 padding-bottom: 4px; 158 padding-bottom: 4px;
161 padding-top: 5px; 159 padding-top: 5px;
162 } 160 }
163 161
164 .plugin-enabled > td { 162 .plugin-enabled > td {
165 padding-bottom: 4px; 163 padding-bottom: 4px;
166 padding-top: 5px; 164 padding-top: 5px;
167 } 165 }
168 166
169 .plugin-file-disabled { 167 .plugin-file-disabled {
170 background-color: #f0f0f0; 168 background-color: #f0f0f0;
171 color: #a0a0a0; 169 color: #a0a0a0;
170 padding-bottom: 5px;
172 padding-top: 5px; 171 padding-top: 5px;
173 padding-bottom: 5px;
174 } 172 }
175 173
176 .plugin-file-enabled { 174 .plugin-file-enabled {
175 padding-bottom: 5px;
177 padding-top: 5px; 176 padding-top: 5px;
178 padding-bottom: 5px;
179 } 177 }
180 178
181 .plugin { 179 .plugin {
182 border-bottom: 1px solid #cdcdcd; 180 border-bottom: 1px solid #cdcdcd;
183 } 181 }
184 182
185 .critical { 183 .critical {
186 color: red; 184 color: red;
187 } 185 }
188 186
189 /* Indent the text related to each plug-in. */ 187 /* Indent the text related to each plug-in. */
190 .plugin-text { 188 .plugin-text {
191 -webkit-padding-start: 5px; 189 -webkit-padding-start: 5px;
192 } 190 }
193 191
194 .plugin-name { 192 .plugin-name {
195 font-weight: bold; 193 font-weight: bold;
196 } 194 }
197 195
198 .no-plugins { 196 .no-plugins {
197 font-size: 1.2em;
199 margin: 6em 0 0; 198 margin: 6em 0 0;
200 text-align: center; 199 text-align: center;
201 font-size: 1.2em;
202 } 200 }
203 201
204 /* Use tables for layout, so eliminate extra spacing. */ 202 /* Use tables for layout, so eliminate extra spacing. */
205 .plugin-details table { 203 .plugin-details table {
206 -webkit-border-horizontal-spacing: 0; 204 -webkit-border-horizontal-spacing: 0;
207 -webkit-border-vertical-spacing: 0; 205 -webkit-border-vertical-spacing: 0;
208 } 206 }
209 207
210 .plugin-details { 208 .plugin-details {
211 -webkit-padding-start: 1em; 209 -webkit-padding-start: 1em;
(...skipping 14 matching lines...) Expand all
226 -webkit-padding-start: 1em; 224 -webkit-padding-start: 1em;
227 } 225 }
228 226
229 /* Make the MIME Types tables smaller. */ 227 /* Make the MIME Types tables smaller. */
230 .plugin-details .mime-types { 228 .plugin-details .mime-types {
231 font-size: 95%; 229 font-size: 95%;
232 } 230 }
233 231
234 /* Separate the header from the contents in each MIME Types table. */ 232 /* Separate the header from the contents in each MIME Types table. */
235 .plugin-details .mime-types .header td { 233 .plugin-details .mime-types .header td {
234 /* border-bottom: 1px solid; */
236 padding-bottom: 0.1em; 235 padding-bottom: 0.1em;
237 border-bottom: 1px solid;
238 } 236 }
239 237
240 /* Separate the columns for tables used for horizontal listings only a bit. */ 238 /* Separate the columns for tables used for horizontal listings only a bit. */
241 .hlisting td+td { 239 .hlisting td+td {
242 -webkit-padding-start: 0.4em; 240 -webkit-padding-start: 0.4em;
243 } 241 }
244 242
245 /* Match the indentation of .plugin-text. */ 243 /* Match the indentation of .plugin-text. */
246 .plugin-actions { 244 .plugin-actions {
247 -webkit-padding-start: 5px; 245 -webkit-padding-start: 5px;
246 margin-bottom: 0.2em;
248 margin-top: 0.2em; 247 margin-top: 0.2em;
249 margin-bottom: 0.2em;
250 } 248 }
251 249
252 .always-allow { 250 .always-allow {
253 -webkit-margin-start: 30px; 251 -webkit-margin-start: 30px;
254 } 252 }
255 253
256 button { 254 button {
257 font-size: 104%; 255 font-size: 104%;
258 } 256 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/omnibox/omnibox.css ('k') | chrome/browser/resources/plugins.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698