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

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

Issue 1228163005: Update some webui question mark icons to SVG. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: git add Created 5 years, 5 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
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | chrome/browser/resources/about_memory.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 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 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body { 5 body {
6 font-size: 84%; 6 font-size: 84%;
7 margin: 0; 7 margin: 0;
8 min-width: 45em; 8 min-width: 45em;
9 padding: 0.75em; 9 padding: 0.75em;
10 } 10 }
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 } 43 }
44 44
45 div#header { 45 div#header {
46 background: rgb(82, 150, 222); 46 background: rgb(82, 150, 222);
47 background-size: 100%; 47 background-size: 100%;
48 border: 1px solid rgb(58, 117, 189); 48 border: 1px solid rgb(58, 117, 189);
49 border-radius: 6px; 49 border-radius: 6px;
50 color: white; 50 color: white;
51 margin-bottom: 0.75em; 51 margin-bottom: 0.75em;
52 overflow: hidden; 52 overflow: hidden;
53 padding: 0.6em 1em 0.75em 0; 53 padding: 0.5em 0;
54 position: relative; 54 position: relative;
55 text-shadow: 0 0 2px black; 55 text-shadow: 0 0 2px black;
56 } 56 }
57 57
58 div#header h1 { 58 div#header h1 {
59 background: url(chrome://resources/images/gear.png) 12px 60% no-repeat;
60 color: white; 59 color: white;
61 display: inline; 60 display: inline;
62 margin: 0; 61 }
63 padding-left: 37px; 62
63 div#header h1::before {
64 /* grit doesn't flatten -webkit-mask, so define the properties separately
65 * for now. */
66 -webkit-mask-image: url(../../../ui/webui/resources/images/settings.svg);
67 -webkit-mask-position: center;
68 -webkit-mask-repeat: no-repeat;
69 -webkit-mask-size: 24px;
70 background-color: white;
71 content: '';
72 display: inline-block;
73 height: 20px;
74 vertical-align: middle;
75 width: 37px;
64 } 76 }
65 77
66 div#header p { 78 div#header p {
67 color: white; 79 color: white;
68 display: inline; 80 display: inline;
69 font-size: 84%; 81 font-size: 84%;
70 font-style: italic; 82 font-style: italic;
71 margin: 0; 83 margin: 0;
72 padding: 0; 84 padding: 0;
73 padding-left: 0.4em; 85 padding-left: 0.4em;
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after
251 text-align: center; 263 text-align: center;
252 } 264 }
253 265
254 table.list#browserComparison .name { 266 table.list#browserComparison .name {
255 background-position: 5px center; 267 background-position: 5px center;
256 background-repeat: no-repeat; 268 background-repeat: no-repeat;
257 padding-left: 25px; 269 padding-left: 25px;
258 } 270 }
259 271
260 div.help { 272 div.help {
261 background: url(chrome://resources/images/help.png) center bottom no-repeat; 273 -webkit-mask-box-image: url(../../../ui/webui/resources/images/help.svg);
274 background-color: rgb(66, 133, 244);
262 display: inline-block; 275 display: inline-block;
263 height: 14px; 276 height: 16px;
264 margin: -1px 0; 277 margin: -1px 0 0 0;
265 opacity: 0.33; 278 opacity: 0.33;
266 width: 14px; 279 vertical-align: bottom;
280 width: 16px;
267 } 281 }
268 282
269 div.help:hover { 283 div.help:hover {
270 opacity: 1; 284 opacity: 1;
271 } 285 }
272 286
273 div.help div { 287 div.help div {
274 display: none; 288 display: none;
275 } 289 }
276 290
(...skipping 12 matching lines...) Expand all
289 303
290 #helpTooltip p { 304 #helpTooltip p {
291 margin: 0.6em 0; 305 margin: 0.6em 0;
292 } 306 }
293 307
294 div.otherbrowsers { 308 div.otherbrowsers {
295 font-size: 84%; 309 font-size: 84%;
296 text-align: center; 310 text-align: center;
297 width: 100%; 311 width: 100%;
298 } 312 }
OLDNEW
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | chrome/browser/resources/about_memory.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698