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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 5217005: RTL HTML/CSS clean-up with -webkit-foo-{start,end}... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 10 years, 1 month 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/imageburner.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <html i18n-values="dir:textdirection;"> 2 <html i18n-values="dir:textdirection;">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title i18n-content="pluginsTitle"></title> 5 <title i18n-content="pluginsTitle"></title>
6 <style> 6 <style>
7 body { 7 body {
8 margin: 10px; 8 margin: 10px;
9 min-width: 47em; 9 min-width: 47em;
10 } 10 }
11 11
12 a { 12 a {
13 color: blue; 13 color: blue;
14 font-size: 103%; 14 font-size: 103%;
15 } 15 }
16 16
17 div#header { 17 div#header {
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 padding-left: 0; 23 -webkit-padding-start: 0;
24 padding-top: 20px; 24 padding-top: 20px;
25 position: relative; 25 position: relative;
26 -webkit-box-sizing: border-box; 26 -webkit-box-sizing: border-box;
27 } 27 }
28 28
29 html[dir=rtl] #header {
30 padding-right: 0;
31 }
32
33 #header h1 { 29 #header h1 {
34 background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat; 30 background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat;
35 display: inline; 31 display: inline;
36 margin: 0; 32 margin: 0;
37 padding-bottom: 43px; 33 padding-bottom: 43px;
38 padding-left: 75px; 34 padding-left: 75px;
39 padding-top: 40px; 35 padding-top: 40px;
40 } 36 }
41 37
42 html[dir=rtl] #header h1 { 38 html[dir=rtl] #header h1 {
(...skipping 12 matching lines...) Expand all
55 div.content { 51 div.content {
56 font-size: 88%; 52 font-size: 88%;
57 margin-top: 5px; 53 margin-top: 5px;
58 } 54 }
59 55
60 .section-header { 56 .section-header {
61 background: #ebeff9; 57 background: #ebeff9;
62 border-top: 1px solid #b5c7de; 58 border-top: 1px solid #b5c7de;
63 font-size: 99%; 59 font-size: 99%;
64 padding-bottom: 2px; 60 padding-bottom: 2px;
65 padding-left: 5px; 61 -webkit-padding-start: 5px;
66 padding-top: 3px; 62 padding-top: 3px;
67 width: 100%; 63 width: 100%;
68 } 64 }
69 65
70 html[dir=rtl] .section-header {
71 padding-right: 5px;
72 padding-left: 0;
73 }
74
75 .section-header > table tr td:first-child { 66 .section-header > table tr td:first-child {
76 width: 100%; 67 width: 100%;
77 } 68 }
78 69
79 .section-header > table { 70 .section-header > table {
80 width: 100%; 71 width: 100%;
81 } 72 }
82 73
83 .section-header-title { 74 .section-header-title {
84 font-weight: bold; 75 font-weight: bold;
85 } 76 }
86 77
87 .vbox-container { 78 .vbox-container {
88 display: -webkit-box; 79 display: -webkit-box;
89 -webkit-box-orient: vertical; 80 -webkit-box-orient: vertical;
90 } 81 }
91 82
92 .wbox { 83 .wbox {
93 display: -webkit-box; 84 display: -webkit-box;
94 -webkit-box-align: stretch; 85 -webkit-box-align: stretch;
95 -webkit-box-flex: 1; 86 -webkit-box-flex: 1;
96 } 87 }
97 88
98 #top { 89 #top {
99 padding-right: 5px; 90 -webkit-padding-end: 5px;
100 }
101
102 html[dir=rtl] #top {
103 padding-left: 5px;
104 padding-right: 0;
105 } 91 }
106 92
107 .showInTmiMode { 93 .showInTmiMode {
108 overflow: hidden; 94 overflow: hidden;
109 } 95 }
110 96
111 body.hideTmiModeInitial .showInTmiMode { 97 body.hideTmiModeInitial .showInTmiMode {
112 height: 0 !important; 98 height: 0 !important;
113 opacity: 0; 99 opacity: 0;
114 } 100 }
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
146 132
147 .tmi-mode-link a { 133 .tmi-mode-link a {
148 font-size: 97%; 134 font-size: 97%;
149 } 135 }
150 136
151 .tmi-mode { 137 .tmi-mode {
152 background: #f4f6fc; 138 background: #f4f6fc;
153 border-bottom: 1px solid #edeff5; 139 border-bottom: 1px solid #edeff5;
154 font-size: 89%; 140 font-size: 89%;
155 padding-bottom: 0.8em; 141 padding-bottom: 0.8em;
156 padding-left: 10px; 142 -webkit-padding-start: 10px;
157 padding-top: 0.8em; 143 padding-top: 0.8em;
158 width: 100%; 144 width: 100%;
159 } 145 }
160 146
161 html[dir=rtl] .tmi-mode {
162 padding-right: 10px;
163 padding-left: 0;
164 }
165
166 .plugin-disabled > td { 147 .plugin-disabled > td {
167 background-color: #f0f0f0; 148 background-color: #f0f0f0;
168 color: #a0a0a0; 149 color: #a0a0a0;
169 padding-bottom: 4px; 150 padding-bottom: 4px;
170 padding-top: 5px; 151 padding-top: 5px;
171 } 152 }
172 153
173 .plugin-enabled > td { 154 .plugin-enabled > td {
174 padding-bottom: 4px; 155 padding-bottom: 4px;
175 padding-top: 5px; 156 padding-top: 5px;
(...skipping 14 matching lines...) Expand all
190 .plugin { 171 .plugin {
191 border-bottom: 1px solid #cdcdcd; 172 border-bottom: 1px solid #cdcdcd;
192 } 173 }
193 174
194 .critical { 175 .critical {
195 color: red; 176 color: red;
196 } 177 }
197 178
198 /* Indent the text related to each plug-in. */ 179 /* Indent the text related to each plug-in. */
199 .plugin-text { 180 .plugin-text {
200 padding-left: 5px; 181 -webkit-padding-start: 5px;
201 }
202
203 html[dir=rtl] .plugin-text {
204 padding-right: 5px;
205 padding-left: 0;
206 } 182 }
207 183
208 .plugin-name { 184 .plugin-name {
209 font-weight: bold; 185 font-weight: bold;
210 } 186 }
211 187
212 .no-plugins { 188 .no-plugins {
213 margin: 6em 0 0; 189 margin: 6em 0 0;
214 text-align: center; 190 text-align: center;
215 font-size: 1.2em; 191 font-size: 1.2em;
(...skipping 14 matching lines...) Expand all
230 padding-top: 0.1em 206 padding-top: 0.1em
231 } 207 }
232 208
233 /* Align rows of tables along the top. */ 209 /* Align rows of tables along the top. */
234 .plugin-details tr { 210 .plugin-details tr {
235 vertical-align: top; 211 vertical-align: top;
236 } 212 }
237 213
238 /* Separate columns by 1em for the most part. */ 214 /* Separate columns by 1em for the most part. */
239 .plugin-details td+td { 215 .plugin-details td+td {
240 padding-left: 1em; 216 -webkit-padding-start: 1em;
241 }
242
243 html[dir=rtl] .plugin-details td+td {
244 padding-right: 1em;
245 padding-left: 0;
246 } 217 }
247 218
248 /* Make the MIME Types tables smaller. */ 219 /* Make the MIME Types tables smaller. */
249 .plugin-details .mime-types { 220 .plugin-details .mime-types {
250 font-size: 95%; 221 font-size: 95%;
251 } 222 }
252 223
253 /* Separate the header from the contents in each MIME Types table. */ 224 /* Separate the header from the contents in each MIME Types table. */
254 .plugin-details .mime-types .header td { 225 .plugin-details .mime-types .header td {
255 padding-bottom: 0.1em; 226 padding-bottom: 0.1em;
256 border-bottom: 1px solid; 227 border-bottom: 1px solid;
257 } 228 }
258 229
259 /* Separate the columns for tables used for horizontal listings only a bit. */ 230 /* Separate the columns for tables used for horizontal listings only a bit. */
260 .hlisting td+td { 231 .hlisting td+td {
261 padding-left: 0.4em; 232 -webkit-padding-start: 0.4em;
262 }
263
264 html[dir=rtl] .hlisting td+td {
265 padding-right: 0.4em;
266 padding-left: 0;
267 } 233 }
268 234
269 /* Match the indentation of .plugin-text. */ 235 /* Match the indentation of .plugin-text. */
270 .plugin-actions { 236 .plugin-actions {
271 padding-left: 5px; 237 -webkit-padding-start: 5px;
272 margin-top: 0.2em; 238 margin-top: 0.2em;
273 margin-bottom: 0.2em; 239 margin-bottom: 0.2em;
274 } 240 }
275 241
276 html[dir=rtl] .plugin-actions {
277 padding-right: 5px;
278 padding-left: 0;
279 }
280
281 button { 242 button {
282 font-size: 104%; 243 font-size: 104%;
283 } 244 }
284 245
285 </style> 246 </style>
286 <script> 247 <script>
287 248
288 /** 249 /**
289 * This variable structure is here to document the structure that the template 250 * This variable structure is here to document the structure that the template
290 * expects to correctly populate the page. 251 * expects to correctly populate the page.
(...skipping 368 matching lines...) Expand 10 before | Expand all | Expand 10 after
659 </td> 620 </td>
660 </tr> 621 </tr>
661 </table> 622 </table>
662 </div> 623 </div>
663 </div> 624 </div>
664 </div> 625 </div>
665 </div> 626 </div>
666 </div> 627 </div>
667 </body> 628 </body>
668 </html> 629 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/imageburner.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698