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

Side by Side Diff: chrome/browser/resources/ntp4/nav_dot.css

Issue 8680003: Clean-up: Change chrome/browser's CSS time units from s to ms. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: reverting change to 1.8s -> 1800ms in print_preview.css Created 9 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
OLDNEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 5
6 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and 6 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and
7 overflow-y: visible (for the new dot animation), but this makes a scroll 7 overflow-y: visible (for the new dot animation), but this makes a scroll
8 bar appear */ 8 bar appear */
9 #dot-list { 9 #dot-list {
10 display: -webkit-box; 10 display: -webkit-box;
(...skipping 13 matching lines...) Expand all
24 24
25 .dot { 25 .dot {
26 box-sizing: border-box; 26 box-sizing: border-box;
27 cursor: pointer; 27 cursor: pointer;
28 max-width: 80px; 28 max-width: 80px;
29 outline: none; 29 outline: none;
30 text-align: left; 30 text-align: left;
31 -webkit-box-flex: 1; 31 -webkit-box-flex: 1;
32 -webkit-margin-end: 10px; 32 -webkit-margin-end: 10px;
33 -webkit-padding-start: 2px; 33 -webkit-padding-start: 2px;
34 -webkit-transition: max-width 0.25s, -webkit-margin-end 0.25s; 34 -webkit-transition: max-width 250ms, -webkit-margin-end 250ms;
35 } 35 }
36 36
37 .dot:last-child { 37 .dot:last-child {
38 -webkit-margin-end: 0; 38 -webkit-margin-end: 0;
39 } 39 }
40 40
41 .dot.small { 41 .dot.small {
42 max-width: 0; 42 max-width: 0;
43 -webkit-margin-end: 0; 43 -webkit-margin-end: 0;
44 } 44 }
45 45
46 .dot .selection-bar { 46 .dot .selection-bar {
47 border-bottom: 5px solid; 47 border-bottom: 5px solid;
48 border-color: rgba(0, 0, 0, 0.1); 48 border-color: rgba(0, 0, 0, 0.1);
49 height: 10px; 49 height: 10px;
50 -webkit-transition: border-color 0.2s; 50 -webkit-transition: border-color 200ms;
51 } 51 }
52 52
53 .dot input { 53 .dot input {
54 background-color: transparent; 54 background-color: transparent;
55 cursor: inherit; 55 cursor: inherit;
56 /* TODO(estade): the font needs tweaking. */ 56 /* TODO(estade): the font needs tweaking. */
57 font-size: 8pt; 57 font-size: 8pt;
58 font-weight: bold; 58 font-weight: bold;
59 padding-top: 0; 59 padding-top: 0;
60 width: 90%; 60 width: 90%;
61 -webkit-appearance: caret; 61 -webkit-appearance: caret;
62 -webkit-transition: color 0.2s; 62 -webkit-transition: color 200ms;
63 } 63 }
64 64
65 .dot input:focus { 65 .dot input:focus {
66 cursor: auto; 66 cursor: auto;
67 } 67 }
68 68
69 /* Everything below here should be themed but we don't have appropriate colors 69 /* Everything below here should be themed but we don't have appropriate colors
70 * yet. 70 * yet.
71 */ 71 */
72 .dot input { 72 .dot input {
73 color: #222; 73 color: #222;
74 } 74 }
75 75
76 .dot:focus input, .dot:hover input, .dot.selected input { 76 .dot:focus input, .dot:hover input, .dot.selected input {
77 color: black; 77 color: black;
78 } 78 }
79 79
80 .dot:focus .selection-bar, 80 .dot:focus .selection-bar,
81 .dot:hover .selection-bar, 81 .dot:hover .selection-bar,
82 .dot.drag-target .selection-bar { 82 .dot.drag-target .selection-bar {
83 border-color: #b2b2b2; 83 border-color: #b2b2b2;
84 } 84 }
85 85
86 .dot.selected .selection-bar { 86 .dot.selected .selection-bar {
87 border-color: #7f7f7f; 87 border-color: #7f7f7f;
88 } 88 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/ntp4/most_visited_page.css ('k') | chrome/browser/resources/ntp4/new_tab.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698