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

Side by Side Diff: chrome/common/extensions/docs/examples/api/fontSettings/css/overlay.css

Issue 11227018: Font Settings API: UI overhaul of example extension. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: update version and description string Created 8 years, 2 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
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 /* The shield that overlays the background. */ 5 /* The shield that overlays the background. */
6 .overlay { 6 .overlay {
7 -webkit-box-align: center; 7 -webkit-box-align: center;
8 -webkit-box-orient: vertical; 8 -webkit-box-orient: vertical;
9 -webkit-box-pack: center; 9 -webkit-box-pack: center;
10 -webkit-transition: 200ms opacity; 10 -webkit-transition: 200ms opacity;
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
63 } 63 }
64 64
65 .overlay .page.pulse { 65 .overlay .page.pulse {
66 -webkit-animation-duration: 180ms; 66 -webkit-animation-duration: 180ms;
67 -webkit-animation-iteration-count: 1; 67 -webkit-animation-iteration-count: 1;
68 -webkit-animation-name: pulse; 68 -webkit-animation-name: pulse;
69 -webkit-animation-timing-function: ease-in-out; 69 -webkit-animation-timing-function: ease-in-out;
70 } 70 }
71 71
72 .overlay .page > .close-button { 72 .overlay .page > .close-button {
73 background-image: url('chrome://theme/IDR_WEB_UI_CLOSE'); 73 background-image: url('../images/x.png');
74 background-position: center; 74 background-position: center;
75 background-repeat: no-repeat; 75 background-repeat: no-repeat;
76 height: 14px; 76 height: 14px;
77 position: absolute; 77 position: absolute;
78 right: 7px; 78 right: 7px;
79 top: 7px; 79 top: 7px;
80 width: 14px; 80 width: 14px;
81 } 81 }
82 82
83 html[dir='rtl'] .overlay .page > .close-button { 83 html[dir='rtl'] .overlay .page > .close-button {
84 left: 10px; 84 left: 10px;
85 right: auto; 85 right: auto;
86 } 86 }
87 87
88 .overlay .page > .close-button:hover { 88 .overlay .page > .close-button:hover {
89 background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_HOVER'); 89 background-image: url('../images/x-hover.png');
90 } 90 }
91 91
92 .overlay .page > .close-button:active { 92 .overlay .page > .close-button:active {
93 background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_PRESSED'); 93 background-image: url('../images/x-pressed.png');
94 } 94 }
95 95
96 .overlay .page h1 { 96 .overlay .page h1 {
97 -webkit-padding-end: 24px; 97 -webkit-padding-end: 24px;
98 -webkit-user-select: none; 98 -webkit-user-select: none;
99 color: #333; 99 color: #333;
100 /* 120% of the body's font-size of 84% is 16px. This will keep the relative 100 /* 120% of the body's font-size of 84% is 16px. This will keep the relative
101 * size between the body and these titles consistent. */ 101 * size between the body and these titles consistent. */
102 font-size: 120%; 102 font-size: 120%;
103 /* TODO(flackr): Pages like sync-setup and delete user collapse the margin 103 /* TODO(flackr): Pages like sync-setup and delete user collapse the margin
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
154 .overlay .page .content-area::-webkit-scrollbar-thumb { 154 .overlay .page .content-area::-webkit-scrollbar-thumb {
155 background-color: rgba(0, 0, 0, 0.2); 155 background-color: rgba(0, 0, 0, 0.2);
156 border: 2px solid white; 156 border: 2px solid white;
157 border-radius: 8px; 157 border-radius: 8px;
158 } 158 }
159 159
160 .overlay .page .content-area::-webkit-scrollbar-thumb:hover { 160 .overlay .page .content-area::-webkit-scrollbar-thumb:hover {
161 background-color: rgba(0, 0, 0, 0.5); 161 background-color: rgba(0, 0, 0, 0.5);
162 } 162 }
163 </if> 163 </if>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698