diff options
author | dbeam@chromium.org <dbeam@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-11-23 23:55:56 +0000 |
---|---|---|
committer | dbeam@chromium.org <dbeam@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-11-23 23:55:56 +0000 |
commit | a1c833f571c913363cc2fbd3400caf3a6f715c14 (patch) | |
tree | f2520519fadfe535c8f1b820efdb4a8d35c6d1f3 | |
parent | c8d89df56c184be05647d739c3d65c7636da7269 (diff) | |
download | chromium_src-a1c833f571c913363cc2fbd3400caf3a6f715c14.zip chromium_src-a1c833f571c913363cc2fbd3400caf3a6f715c14.tar.gz chromium_src-a1c833f571c913363cc2fbd3400caf3a6f715c14.tar.bz2 |
Clean-up: Change chrome/browser's CSS time units from s to ms if >= 1s duration (according to new web dev style guidance).
R=estade@chromium.org,jhawkins@chromium.org
BUG=None
TEST=Nothing WebUI acts differently, everything's easier to read.
Review URL: http://codereview.chromium.org/8680003
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@111450 0039d316-1c4b-4281-b951-d872f2087c98
25 files changed, 91 insertions, 91 deletions
diff --git a/chrome/browser/resources/active_downloads.html b/chrome/browser/resources/active_downloads.html index 6d4303c..f90eaf7 100644 --- a/chrome/browser/resources/active_downloads.html +++ b/chrome/browser/resources/active_downloads.html @@ -173,14 +173,14 @@ div.showallfiles { cursor: pointer; left: 0; color: #0D0052; - -webkit-transition: color 1.0s ease-out ; + -webkit-transition: color 1s ease-out ; } .menuitem:hover { text-decoration: underline; color: #20c; background: #ebeff9; - -webkit-transition: color 0.0s ease-out ; + -webkit-transition: color 0 ease-out ; } </style> diff --git a/chrome/browser/resources/chromeos/login/oobe.css b/chrome/browser/resources/chromeos/login/oobe.css index 51a3afa..7310d65 100644 --- a/chrome/browser/resources/chromeos/login/oobe.css +++ b/chrome/browser/resources/chromeos/login/oobe.css @@ -40,7 +40,7 @@ button { } #inner-container { - -webkit-transition: height .2s ease-in-out; + -webkit-transition: height 200ms ease-in-out; height: 294px; padding: 20px; position: relative; @@ -116,14 +116,14 @@ hr.bottom { } .header-section { - -webkit-transition: left .2s, opacity .2s ease-in-out; + -webkit-transition: left 200ms, opacity 200ms ease-in-out; position: absolute; text-transform: lowercase; width: 20em; } html[dir=rtl] .header-section { - -webkit-transition: right .2s, opacity .2s ease-in-out; + -webkit-transition: right 200ms, opacity 200ms ease-in-out; } .header-section.right { @@ -150,12 +150,12 @@ html[dir=rtl] .header-section.left { } html[dir=ltr] .step { - -webkit-transition: left .2s, opacity .2s, visibility .2s ease-in-out; + -webkit-transition: left 200ms, opacity 200ms, visibility 200ms ease-in-out; left: 0; } html[dir=rtl] .step { - -webkit-transition: right .2s, opacity .2s, visibility .2s ease-in-out; + -webkit-transition: right 200ms, opacity 200ms, visibility 200ms ease-in-out; right: 0; } @@ -513,7 +513,7 @@ button { #popup-overlay { -webkit-box-align: center; -webkit-box-pack: center; - -webkit-transition: 0.25s opacity; + -webkit-transition: 250ms opacity; background: rgba(255, 255, 255, .75); bottom: 0; display: -webkit-box; @@ -659,7 +659,7 @@ button { } #bubble { - -webkit-transition: 0.25s opacity; + -webkit-transition: 250ms opacity; } html[dir=rtl] #header { @@ -667,7 +667,7 @@ html[dir=rtl] #header { } body.login-display #oobe hr.shadow { - -webkit-transition: all .8s ease; + -webkit-transition: all 800ms ease; width: 1100px; /* Necessary. Otherwise hr shrinks to 0 first when switching from 640px to full width. */ } @@ -721,7 +721,7 @@ html[dir=rtl] .error-message { } #version-labels { - -webkit-transition: all .5s linear; + -webkit-transition: all 500ms linear; bottom: 10px; color: #999; font-size: 11px; diff --git a/chrome/browser/resources/chromeos/login/user_pod_row.css b/chrome/browser/resources/chromeos/login/user_pod_row.css index 99a2e018..22d3815 100644 --- a/chrome/browser/resources/chromeos/login/user_pod_row.css +++ b/chrome/browser/resources/chromeos/login/user_pod_row.css @@ -8,14 +8,14 @@ podrow { -webkit-box-align: center; -webkit-box-pack: center; - -webkit-transition: all .2s ease-in-out; + -webkit-transition: all 200ms ease-in-out; display: -webkit-box; height: 225px; position: relative; } .pod { - -webkit-transition: all .23s ease; + -webkit-transition: all 230ms ease; border-radius: 2px; cursor: pointer; margin: 0 10px; @@ -27,7 +27,7 @@ podrow { .pod .user-image { -webkit-box-shadow: 0 3px 12px #ccc; - -webkit-transition: all .14s ease; + -webkit-transition: all 140ms ease; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; @@ -72,7 +72,7 @@ podrow { } .name { - -webkit-transition: opacity .8s ease; + -webkit-transition: opacity 800ms ease; color: #565656; font-weight: bold; font-size: 15px; @@ -183,7 +183,7 @@ html[dir=rtl] .pod .capslock-hint { } .remove-user-button { - -webkit-transition: width .1s ease-in-out, background .2s ease-in-out; + -webkit-transition: width 100ms ease-in-out, background 200ms ease-in-out; -webkit-box-shadow: none; background: url('chrome://theme/IDR_CLOSE_BAR') center center no-repeat; border: 0; @@ -214,7 +214,7 @@ html[dir=rtl] .pod .capslock-hint { } .signed-in-indicator { - -webkit-transition: all .14s ease; + -webkit-transition: all 140ms ease; background: rgba(0, 0, 0, 0.5); color: white; font-size: small; diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css index d227436..178951d 100644 --- a/chrome/browser/resources/file_manager/css/file_manager.css +++ b/chrome/browser/resources/file_manager/css/file_manager.css @@ -8,7 +8,7 @@ body { -webkit-box-flex: 1; -webkit-box-orient: vertical; - -webkit-transition: opacity 0.07s linear; + -webkit-transition: opacity 70ms linear; -webkit-user-select: none; display: -webkit-box; height: 100%; @@ -65,7 +65,7 @@ input[type='submit'][disabled]:hover { .butter-bar { -webkit-transition-property: opacity, top; - -webkit-transition-duration: 0.3s; + -webkit-transition-duration: 300ms; padding-top: 2px; padding-bottom: 2px; padding-left: 1em; @@ -191,7 +191,7 @@ button.thumbnail-view > img { color: #666; -webkit-box-align: center; overflow: hidden; - -webkit-transition: height 0.07s linear; + -webkit-transition: height 70ms linear; } .downloads-warning[hidden] { @@ -539,7 +539,7 @@ li.thumbnail-item[selected] .file-checkbox { } .task-button > img { - -webkit-margin-end: 5px; + -webkit-margin-end: 5px; } /* The selection summary text at the bottom of the preview pane. */ diff --git a/chrome/browser/resources/file_manager/js/image_editor/gallery.css b/chrome/browser/resources/file_manager/js/image_editor/gallery.css index 2bf9927..d7a661e 100644 --- a/chrome/browser/resources/file_manager/js/image_editor/gallery.css +++ b/chrome/browser/resources/file_manager/js/image_editor/gallery.css @@ -246,7 +246,7 @@ body { -webkit-box-pack: left; max-width: 100%; - -webkit-transition: max-width 0.5s ease-in-out; + -webkit-transition: max-width 500ms ease-in-out; z-index: 0; } @@ -271,7 +271,7 @@ body { border: 2px solid rgba(255,255,255,0); /* transparent white */ margin-left: 2px; - -webkit-transition: opacity 0.2s linear; + -webkit-transition: opacity 200ms linear; } .gallery .ribbon-image[inactive] { @@ -300,7 +300,7 @@ body { height: 100%; pointer-events: none; opacity: 0; - -webkit-transition: opacity 0.2s linear; + -webkit-transition: opacity 200ms linear; } .gallery .toolbar .fade[active] { @@ -332,7 +332,7 @@ body { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; - -webkit-transition: width 0.5s ease-in-out; + -webkit-transition: width 500ms ease-in-out; } .gallery[editing] .toolbar .edit-bar { @@ -343,7 +343,7 @@ body { display: -webkit-box; -webkit-box-orient: horizontal; opacity: 0; - -webkit-transition: opacity 0.25s ease-in-out; + -webkit-transition: opacity 250ms ease-in-out; } .gallery[editing] .edit-main { @@ -666,7 +666,7 @@ body { bottom: 60px; background-color: white; opacity: 1.0; - -webkit-transition: opacity 0.5s ease-in-out; + -webkit-transition: opacity 500ms ease-in-out; padding: 8px; display: -webkit-box; -webkit-box-orient: vertical; diff --git a/chrome/browser/resources/file_manager/mediaplayer.html b/chrome/browser/resources/file_manager/mediaplayer.html index ba7d77f..00caf24 100644 --- a/chrome/browser/resources/file_manager/mediaplayer.html +++ b/chrome/browser/resources/file_manager/mediaplayer.html @@ -59,7 +59,7 @@ body { .videocontrols { top: 0; - -webkit-transition: top 0.5s ease-out; + -webkit-transition: top 500ms ease-out; left: 0; z-index: 999; height: 100%; diff --git a/chrome/browser/resources/new_tab.css b/chrome/browser/resources/new_tab.css index e1d5990..92f7b01 100644 --- a/chrome/browser/resources/new_tab.css +++ b/chrome/browser/resources/new_tab.css @@ -17,7 +17,7 @@ html[mode=app-launcher] { #main { box-sizing: border-box; - -webkit-transition: width .15s; + -webkit-transition: width 150ms; margin: 0 auto; min-height: 100%; } @@ -81,7 +81,7 @@ html[anim=false] *, } #notification { - -webkit-transition: opacity .15s; + -webkit-transition: opacity 150ms; position: relative; background-color: hsl(52, 100%, 80%); border: 1px solid rgb(211, 211, 211); @@ -357,7 +357,7 @@ body.noscroll { } html[anim=true][enable-section-animations=true] .section { - -webkit-transition: top .15s; + -webkit-transition: top 150ms; } #login-container { @@ -410,7 +410,7 @@ html[dir=rtl] .section > h2 > .disclosure { } html[anim=true] .section > h2 > .disclosure { - -webkit-transition: -webkit-transform .15s; + -webkit-transition: -webkit-transform 150ms; } .section:not(.collapsed) > h2 > .disclosure { @@ -434,7 +434,7 @@ html[anim=true] .section > h2 > .disclosure { .section-close-button { -webkit-appearance: none; - -webkit-transition: opacity .15s; + -webkit-transition: opacity 150ms; background-color: transparent; background-image: url(chrome://theme/IDR_CLOSE_BAR); background-position: center center; @@ -523,11 +523,11 @@ it goes right under the sections. */ } html[anim=true][enable-section-animations=true] .maxiview { - -webkit-transition: opacity .10s, top .15s; + -webkit-transition: opacity 100ms, top 150ms; } html[anim=true][enable-section-animations=true] .miniview { - -webkit-transition: opacity .15s; + -webkit-transition: opacity 150ms; } .section > .miniview { diff --git a/chrome/browser/resources/ntp4/apps_page.css b/chrome/browser/resources/ntp4/apps_page.css index 2ebbcfa..d02fd6a 100644 --- a/chrome/browser/resources/ntp4/apps_page.css +++ b/chrome/browser/resources/ntp4/apps_page.css @@ -10,7 +10,7 @@ } .app-contents { - -webkit-transition: -webkit-transform 0.1s; + -webkit-transition: -webkit-transform 100ms; } .app-contents:active:not(.suppress-active), @@ -96,7 +96,7 @@ display: block; font-size: 11px; white-space: nowrap; - -webkit-transition: color .15s linear; + -webkit-transition: color 150ms linear; } .app-notification:hover { diff --git a/chrome/browser/resources/ntp4/bookmarks_page.css b/chrome/browser/resources/ntp4/bookmarks_page.css index 930d29c..afa3198 100644 --- a/chrome/browser/resources/ntp4/bookmarks_page.css +++ b/chrome/browser/resources/ntp4/bookmarks_page.css @@ -27,7 +27,7 @@ right: 0; top: 0; z-index: 5; - -webkit-transition: opacity 0.15s; + -webkit-transition: opacity 150ms; } .bookmark .close-button { @@ -41,7 +41,7 @@ html[dir=rtl] .bookmark .close-button { .bookmark:hover .close-button { opacity: 1; - -webkit-transition-delay: 0.5s; + -webkit-transition-delay: 500ms; } .bookmark .favicon { @@ -82,7 +82,7 @@ html[dir=rtl] .bookmark .close-button { position: relative; z-index: 5; -webkit-box-flex: 1; - -webkit-transition: background-color .15s; + -webkit-transition: background-color 150ms; } .bookmark:hover .button { diff --git a/chrome/browser/resources/ntp4/most_visited_page.css b/chrome/browser/resources/ntp4/most_visited_page.css index 76c3413..907332b 100644 --- a/chrome/browser/resources/ntp4/most_visited_page.css +++ b/chrome/browser/resources/ntp4/most_visited_page.css @@ -43,7 +43,7 @@ right: 0; top: 0; z-index: 5; - -webkit-transition: opacity 0.15s; + -webkit-transition: opacity 150ms; } html[dir=rtl] .most-visited .close-button { @@ -53,7 +53,7 @@ html[dir=rtl] .most-visited .close-button { .most-visited:hover .close-button { opacity: 1; - -webkit-transition-delay: 0.5s; + -webkit-transition-delay: 500ms; } .most-visited .close-button:hover { @@ -102,7 +102,7 @@ html[dir=rtl] .most-visited .close-button { * to scale a thumbnail larger than this size. */ max-height: 132px; max-width: 212px; - -webkit-transition: opacity 0.15s; + -webkit-transition: opacity 150ms; } .filler .thumbnail { @@ -151,7 +151,7 @@ html[dir=rtl] .most-visited .close-button { position: relative; z-index: 5; -webkit-box-flex: 1; - -webkit-transition: background-color .15s; + -webkit-transition: background-color 150ms; } .filler .thumbnail-wrapper { diff --git a/chrome/browser/resources/ntp4/nav_dot.css b/chrome/browser/resources/ntp4/nav_dot.css index 86469c5..951b641 100644 --- a/chrome/browser/resources/ntp4/nav_dot.css +++ b/chrome/browser/resources/ntp4/nav_dot.css @@ -31,7 +31,7 @@ html.starting-up #dot-list { -webkit-box-flex: 1; -webkit-margin-end: 10px; -webkit-padding-start: 2px; - -webkit-transition: max-width 0.25s, -webkit-margin-end 0.25s; + -webkit-transition: max-width 250ms, -webkit-margin-end 250ms; } .dot:last-child { @@ -47,7 +47,7 @@ html.starting-up #dot-list { border-bottom: 5px solid; border-color: rgba(0, 0, 0, 0.1); height: 10px; - -webkit-transition: border-color 0.2s; + -webkit-transition: border-color 200ms; } .dot input { @@ -59,7 +59,7 @@ html.starting-up #dot-list { padding-top: 0; width: 90%; -webkit-appearance: caret; - -webkit-transition: color 0.2s; + -webkit-transition: color 200ms; } .dot input:focus { diff --git a/chrome/browser/resources/ntp4/new_tab.css b/chrome/browser/resources/ntp4/new_tab.css index ceec95c..50c51f9 100644 --- a/chrome/browser/resources/ntp4/new_tab.css +++ b/chrome/browser/resources/ntp4/new_tab.css @@ -33,13 +33,13 @@ body { position: relative; text-align: center; z-index: 100; - -webkit-transition-duration: 0.1s; + -webkit-transition-duration: 100ms; -webkit-transition-property: opacity; } #notification-container.inactive { opacity: 0; - -webkit-transition-duration: 0.2s; + -webkit-transition-duration: 200ms; } #notification { @@ -234,8 +234,8 @@ html[dir='rtl'] #login-container { opacity: 0; right: 0; top: 50px; - -webkit-transition: top 0.2s, opacity 0; - -webkit-transition-delay: 0, 0.2s; + -webkit-transition: top 200ms, opacity 0; + -webkit-transition-delay: 0, 200ms; } #footer.showing-trash-mode #trash { diff --git a/chrome/browser/resources/ntp4/recently_closed.css b/chrome/browser/resources/ntp4/recently_closed.css index cd84994..d946110 100644 --- a/chrome/browser/resources/ntp4/recently_closed.css +++ b/chrome/browser/resources/ntp4/recently_closed.css @@ -15,8 +15,8 @@ padding-bottom: 8px; padding-top: 8px; -webkit-appearance: none; - -webkit-transition: opacity 0.2s; - -webkit-transition-delay: 0.1s; + -webkit-transition: opacity 200ms; + -webkit-transition-delay: 100ms; } /* Reserve space for the menu button even when it's hidden. */ diff --git a/chrome/browser/resources/ntp4/tile_page.css b/chrome/browser/resources/ntp4/tile_page.css index 70ac3d8..f118f06 100644 --- a/chrome/browser/resources/ntp4/tile_page.css +++ b/chrome/browser/resources/ntp4/tile_page.css @@ -78,7 +78,7 @@ pointer-events: none; position: fixed; z-index: 3; - -webkit-transition: opacity 0.2s; + -webkit-transition: opacity 200ms; } .tile.drag-representation.placing > * { @@ -124,7 +124,7 @@ } .tile > .new-tile-contents { - -webkit-animation: bounce 0.5s ease-in-out; + -webkit-animation: bounce 500ms ease-in-out; } @-webkit-keyframes blipout { @@ -153,7 +153,7 @@ .tile > .removing-tile-contents { pointer-events: none; - -webkit-animation: blipout 0.3s; + -webkit-animation: blipout 300ms; } .tile-page:not(.selected-card) * { diff --git a/chrome/browser/resources/options/chromeos/system_options_page.css b/chrome/browser/resources/options/chromeos/system_options_page.css index 80d96f9..d38ebdc 100644 --- a/chrome/browser/resources/options/chromeos/system_options_page.css +++ b/chrome/browser/resources/options/chromeos/system_options_page.css @@ -41,7 +41,7 @@ html[dir=rtl] .touchpad-sensitivity-more { #bluetooth-scanning-label, #bluetooth-scanning-icon { - -webkit-transition: 0.25s opacity; + -webkit-transition: 250ms opacity; } #bluetooth-scanning-label { diff --git a/chrome/browser/resources/options/extension_settings.css b/chrome/browser/resources/options/extension_settings.css index 6dc3726..35ca397 100644 --- a/chrome/browser/resources/options/extension_settings.css +++ b/chrome/browser/resources/options/extension_settings.css @@ -171,23 +171,23 @@ found in the LICENSE file. } .extension-zippy-collapsed { - -webkit-transition: -webkit-transform .1s; + -webkit-transition: -webkit-transform 100ms; -webkit-transform: rotate(0deg); } .extension-zippy-collapsed:hover { opacity: .5; -webkit-transform: rotate(5deg); - -webkit-transition: -webkit-transform .1s, opacity .1s; + -webkit-transition: -webkit-transform 100ms, opacity 100ms; } .extension-zippy-expanded { - -webkit-transition: -webkit-transform .1s; + -webkit-transition: -webkit-transform 100ms; -webkit-transform: rotate(90deg); } .extension-zippy-expanded:hover { - -webkit-transition: -webkit-transform .1s; + -webkit-transition: -webkit-transform 100ms; -webkit-transform: rotate(85deg); } diff --git a/chrome/browser/resources/options/handler_options.css b/chrome/browser/resources/options/handler_options.css index 2ad5fa5..0f23446 100644 --- a/chrome/browser/resources/options/handler_options.css +++ b/chrome/browser/resources/options/handler_options.css @@ -34,7 +34,7 @@ opacity: 0; padding-left: 14px; text-decoration: underline; - -webkit-transition: 0.15s opacity; + -webkit-transition: 150ms opacity; } div > .handlers-remove-column { diff --git a/chrome/browser/resources/options/language_options.css b/chrome/browser/resources/options/language_options.css index a261805..384f64b 100644 --- a/chrome/browser/resources/options/language_options.css +++ b/chrome/browser/resources/options/language_options.css @@ -165,7 +165,7 @@ html[os=chromeos] #add-language-overlay-page ul { font-weight: bold; opacity: 0; pointer-events: none; - -webkit-transition: opacity .15s; + -webkit-transition: opacity 150ms; z-index: 1; color: black; } diff --git a/chrome/browser/resources/options/manage_profile_overlay.css b/chrome/browser/resources/options/manage_profile_overlay.css index 9faeda9..a14126e 100644 --- a/chrome/browser/resources/options/manage_profile_overlay.css +++ b/chrome/browser/resources/options/manage_profile_overlay.css @@ -53,7 +53,7 @@ } #manage-profile-error-bubble { - -webkit-transition: max-height 0.2s, padding 0.2s; + -webkit-transition: max-height 200ms, padding 200ms; background-color: #eeb939; border-radius: 4px; font-weight: bold; diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css index dda1186..ce77fb6 100644 --- a/chrome/browser/resources/options/options_page.css +++ b/chrome/browser/resources/options/options_page.css @@ -63,7 +63,7 @@ body { -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-pack: center; - -webkit-transition: 0.25s opacity; + -webkit-transition: 250ms opacity; background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7)); @@ -179,7 +179,7 @@ html[dir='rtl'] .action-area { } #subpage-backdrop { - -webkit-transition: 0.25s opacity; + -webkit-transition: 250ms opacity; background-color: rgba(233, 238, 242, .5); height: 100%; left: 216px; @@ -190,7 +190,7 @@ html[dir='rtl'] .action-area { } .subpage-sheet-container { - -webkit-transition: 0.25s opacity, 0.1s padding-left, 0.1s padding-right; + -webkit-transition: 250ms opacity, 100ms padding-left, 100ms padding-right; box-sizing: border-box; min-height: 100%; position: absolute; @@ -350,7 +350,7 @@ section > h3 + * > *:first-child { list > * { -webkit-box-align: center; - -webkit-transition: .15s background-color; + -webkit-transition: 150ms background-color; box-sizing: border-box; border-radius: 0; display: -webkit-box; @@ -427,7 +427,7 @@ list .deletable-item > :first-child { } list .close-button { - -webkit-transition: .15s opacity; + -webkit-transition: 150ms opacity; background-color: transparent; /* TODO(stuartmorgan): Replace with real images once they are available. */ background-image: url("../../../app/theme/close_bar.png"); diff --git a/chrome/browser/resources/plugins.css b/chrome/browser/resources/plugins.css index 2f82435..5dbf500 100644 --- a/chrome/browser/resources/plugins.css +++ b/chrome/browser/resources/plugins.css @@ -112,7 +112,7 @@ body.hideTmiModeInitial .showInTmiMode { body.hideTmiMode .showInTmiMode { height: 0 !important; opacity: 0; - -webkit-transition: all .1s ease-out; + -webkit-transition: all 100ms ease-out; } body.showTmiModeInitial .showInTmiMode { @@ -121,7 +121,7 @@ body.showTmiModeInitial .showInTmiMode { body.showTmiMode .showInTmiMode { opacity: 1; - -webkit-transition: all .1s ease-in; + -webkit-transition: all 100ms ease-in; } .wbox-tmi-mode { diff --git a/chrome/browser/resources/print_preview/print_preview.css b/chrome/browser/resources/print_preview/print_preview.css index 76fc25b..4b94f10 100644 --- a/chrome/browser/resources/print_preview/print_preview.css +++ b/chrome/browser/resources/print_preview/print_preview.css @@ -310,20 +310,20 @@ html[dir='rtl'] #decrement { } #pdf-viewer { - /* pluginFadeInTransitionDuration = 0.2s */ - -webkit-transition: opacity 0.2s linear; - /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 0.1s */ - -webkit-transition-delay: 0.1s; + /* pluginFadeInTransitionDuration = 200ms */ + -webkit-transition: opacity 200ms linear; + /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */ + -webkit-transition-delay: 100ms; height: 100%; opacity: 1; width: 100%; } #pdf-viewer.invisible { - /* pluginFadeOutTransitionDuration = 0.1s */ - -webkit-transition: opacity 0.1s linear; - /* pluginFadeOutTransitionDelay = 0.25s */ - -webkit-transition-delay: 0.25s; + /* pluginFadeOutTransitionDuration = 100ms */ + -webkit-transition: opacity 100ms linear; + /* pluginFadeOutTransitionDelay = 250ms */ + -webkit-transition-delay: 250ms; opacity: 0; } @@ -338,10 +338,10 @@ html[dir='rtl'] #decrement { } #overlay-layer { - -webkit-transition: opacity 0.2s linear; + -webkit-transition: opacity 200ms linear; /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay + - * pluginFadeOutTransitionDuration = 0.35s */ - -webkit-transition-delay: 0.35s; + * pluginFadeOutTransitionDuration = 350ms */ + -webkit-transition-delay: 350ms; -webkit-user-select: none; background: #cccccc; height: 100%; @@ -352,8 +352,8 @@ html[dir='rtl'] #decrement { } #overlay-layer.invisible { - /* overlayFadeOutTransitionDuration = 0.1s */ - -webkit-transition: opacity 0.1s linear; + /* overlayFadeOutTransitionDuration = 100ms */ + -webkit-transition: opacity 100ms linear; opacity: 0; pointer-events: none; } diff --git a/chrome/browser/resources/shared/css/dialogs.css b/chrome/browser/resources/shared/css/dialogs.css index fa0417d..6e1bf2b 100644 --- a/chrome/browser/resources/shared/css/dialogs.css +++ b/chrome/browser/resources/shared/css/dialogs.css @@ -16,7 +16,7 @@ rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7)); opacity: 0; - -webkit-transition: opacity 0.25s linear; + -webkit-transition: opacity 250ms linear; overflow: hidden; z-index: 9999; @@ -28,7 +28,7 @@ -webkit-box-orient: vertical; -webkit-box-shadow: 5px 5px 5px rgba(100, 100, 100, 0.5); - -webkit-transition-duration: 0.25s; + -webkit-transition-duration: 250ms; -webkit-transition-property: none; min-width: 25%; diff --git a/chrome/browser/resources/sync_promo.css b/chrome/browser/resources/sync_promo.css index 918a48a..a7728d5 100644 --- a/chrome/browser/resources/sync_promo.css +++ b/chrome/browser/resources/sync_promo.css @@ -119,7 +119,7 @@ html[dir='rtl'] #sync-setup-login-content-column { } #promo-info-pane > * { - -webkit-transition: opacity .2s linear; + -webkit-transition: opacity 200ms linear; opacity: 1; position: absolute; } diff --git a/chrome/browser/resources/sync_setup_overlay.css b/chrome/browser/resources/sync_setup_overlay.css index 21fd8ea..893428f 100644 --- a/chrome/browser/resources/sync_setup_overlay.css +++ b/chrome/browser/resources/sync_setup_overlay.css @@ -178,7 +178,7 @@ } #top-blurb-error { - -webkit-transition: margin-top .33s ease-out, opacity .66s ease-out; + -webkit-transition: margin-top 330ms ease-out, opacity 660ms ease-out; background: #f9edbe; border: 1px solid #f0c36d; display: block; @@ -279,7 +279,7 @@ html[dir='rtl'] #learn-more-link { } #customize-link, #use-default-link { - -webkit-transition: opacity .25s; + -webkit-transition: opacity 250ms; } @@ -328,7 +328,7 @@ html[dir='rtl'] #signin-header-logo { /* Sign in buttons. */ .signin-box input[type=submit] { - -webkit-transition: all 0.218s; + -webkit-transition: all 218ms; -webkit-user-select: none; background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); border: 1px solid #3079ed; @@ -350,7 +350,7 @@ html[dir='rtl'] .signin-box input[type=submit] { .signin-box input[type=submit]:hover { -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); - -webkit-transition: all 0.0s; + -webkit-transition: all 0; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); border: 1px solid #2f5bb7; color: #fff; |