OLD | NEW |
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 #manage-profile-overlay { | 5 #manage-profile-overlay { |
6 width: 512px; | 6 width: 512px; |
7 } | 7 } |
8 | 8 |
9 .profile-icon-grid-item { | 9 .profile-icon-grid-item { |
10 height: 31px; | 10 height: 31px; |
11 margin: 2px 4px; | 11 margin: 2px 4px; |
12 padding: 4px; | 12 padding: 4px; |
13 width: 38px; | 13 width: 38px; |
14 } | 14 } |
15 | 15 |
16 .profile-icon { | 16 .profile-icon { |
17 height: 31px; | 17 height: 31px; |
18 width: 38px; | 18 width: 38px; |
19 } | 19 } |
20 | 20 |
21 .profile-name-container { | 21 #create-profile-name-label-container, |
| 22 #create-profile-name-input-container, |
| 23 #manage-profile-name-label-container, |
| 24 #manage-profile-name-input-container { |
22 -webkit-box-align: center; | 25 -webkit-box-align: center; |
23 -webkit-box-orient: horizontal; | 26 -webkit-box-orient: horizontal; |
24 -webkit-box-pack: center; | 27 -webkit-box-pack: center; |
25 display: -webkit-box; | 28 display: -webkit-box; |
26 margin-left: auto; | 29 margin-left: auto; |
27 margin-right: auto; | 30 margin-right: auto; |
28 width: 50%; | 31 width: 50%; |
29 } | 32 } |
30 | 33 |
31 #create-profile-name:invalid { | 34 #create-profile-name:invalid { |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
82 padding: 2px; | 85 padding: 2px; |
83 } | 86 } |
84 | 87 |
85 /* Adds a grey horizontal line below content area */ | 88 /* Adds a grey horizontal line below content area */ |
86 #create-profile-content:after, | 89 #create-profile-content:after, |
87 #manage-profile-content:after { | 90 #manage-profile-content:after { |
88 background: #c0c0c0; | 91 background: #c0c0c0; |
89 content: ''; | 92 content: ''; |
90 display: block; | 93 display: block; |
91 height: 1px; | 94 height: 1px; |
92 margin-top: 20px; | 95 margin-top: 25px; |
93 width: 100%; | 96 width: 100%; |
94 } | 97 } |
95 | 98 |
96 #create-profile-content > :first-child { | 99 #create-profile-content > :first-child { |
97 margin-bottom: 10px; | 100 margin-bottom: 10px; |
98 } | 101 } |
99 | 102 |
100 #manage-profile-content > :first-child { | 103 #manage-profile-content > :first-child { |
101 margin-bottom: 10px; | 104 margin-bottom: 10px; |
102 } | 105 } |
103 | 106 |
104 #create-profile-content > :last-child { | 107 #create-profile-content > :last-child { |
105 margin-top: 10px; | 108 margin-top: 10px; |
106 } | 109 } |
107 | 110 |
108 #manage-profile-content > :last-child { | 111 #manage-profile-content > :last-child { |
109 margin-top: 10px; | 112 margin-top: 10px; |
110 } | 113 } |
111 | 114 |
112 #create-profile-content > :not(:first-child):not(:last-child) { | 115 #create-profile-content > :not(:first-child):not(:last-child) { |
113 margin-bottom: 10px; | 116 margin-bottom: 10px; |
114 margin-top: 10px; | 117 margin-top: 10px; |
115 } | 118 } |
116 | 119 |
117 #manage-profile-content > :not(:first-child):not(:last-child) { | 120 #manage-profile-content > :not(:first-child):not(:last-child) { |
118 margin-bottom: 10px; | 121 margin-bottom: 10px; |
119 margin-top: 10px; | 122 margin-top: 10px; |
120 } | 123 } |
121 | 124 |
| 125 #create-profile-content > #create-profile-name-input-container, |
| 126 #manage-profile-content > #manage-profile-name-input-container { |
| 127 margin-top: 5px; |
| 128 } |
| 129 |
| 130 #create-profile-content > #create-profile-name-label-container, |
| 131 #manage-profile-content > #manage-profile-name-label-container { |
| 132 margin-bottom: 5px; |
| 133 margin-top: 10px; |
| 134 } |
| 135 |
122 .action-area-checkbox-container { | 136 .action-area-checkbox-container { |
123 -webkit-box-flex: 1; | 137 -webkit-box-flex: 1; |
124 } | 138 } |
125 | 139 |
126 #delete-profile-message { | 140 #delete-profile-message { |
127 -webkit-padding-start: 48px; | 141 -webkit-padding-start: 48px; |
128 background-repeat: no-repeat; | 142 background-repeat: no-repeat; |
129 } | 143 } |
130 | 144 |
131 html[dir='rtl'] #delete-profile-message { | 145 html[dir='rtl'] #delete-profile-message { |
132 background-position: right; | 146 background-position: right; |
133 | 147 |
OLD | NEW |