OLD | NEW |
| (Empty) |
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 | |
3 * found in the LICENSE file. */ | |
4 | |
5 #manage-profile-overlay { | |
6 width: 512px; | |
7 } | |
8 | |
9 .profile-icon-grid-item { | |
10 height: 31px; | |
11 margin: 2px 4px; | |
12 padding: 4px; | |
13 width: 38px; | |
14 } | |
15 | |
16 .profile-icon { | |
17 height: 31px; | |
18 width: 38px; | |
19 } | |
20 | |
21 #create-profile-name-label-container, | |
22 #create-profile-name-input-container, | |
23 #manage-profile-name-label-container, | |
24 #manage-profile-name-input-container { | |
25 -webkit-box-align: center; | |
26 -webkit-box-orient: horizontal; | |
27 -webkit-box-pack: center; | |
28 display: -webkit-box; | |
29 margin-left: auto; | |
30 margin-right: auto; | |
31 width: 50%; | |
32 } | |
33 | |
34 #create-profile-name:invalid { | |
35 background-color: pink; | |
36 } | |
37 | |
38 #manage-profile-name:invalid { | |
39 background-color: pink; | |
40 } | |
41 | |
42 #create-profile-error-bubble { | |
43 -webkit-transition: max-height 200ms, padding 200ms; | |
44 background-color: rgb(238, 185, 57); | |
45 border-radius: 4px; | |
46 font-weight: bold; | |
47 margin-left: auto; | |
48 margin-right: auto; | |
49 max-height: 50px; | |
50 overflow: hidden; | |
51 padding: 1px 10px; | |
52 text-align: center; | |
53 width: 80%; | |
54 } | |
55 | |
56 #manage-profile-error-bubble { | |
57 -webkit-transition: max-height 200ms, padding 200ms; | |
58 background-color: rgb(238, 185, 57); | |
59 border-radius: 4px; | |
60 font-weight: bold; | |
61 margin-left: auto; | |
62 margin-right: auto; | |
63 max-height: 50px; | |
64 overflow: hidden; | |
65 padding: 1px 10px; | |
66 text-align: center; | |
67 width: 80%; | |
68 } | |
69 | |
70 #create-profile-error-bubble[hidden] { | |
71 display: block !important; | |
72 max-height: 0; | |
73 padding: 0 10px; | |
74 } | |
75 | |
76 #manage-profile-error-bubble[hidden] { | |
77 display: block !important; | |
78 max-height: 0; | |
79 padding: 0 10px; | |
80 } | |
81 | |
82 #create-profile-icon-grid, | |
83 #manage-profile-icon-grid { | |
84 background-color: rgba(255, 255, 255, 0.75); | |
85 padding: 2px; | |
86 } | |
87 | |
88 /* Adds a grey horizontal line below content area */ | |
89 #create-profile-content:after, | |
90 #manage-profile-content:after { | |
91 background: #c0c0c0; | |
92 content: ''; | |
93 display: block; | |
94 height: 1px; | |
95 margin-top: 25px; | |
96 width: 100%; | |
97 } | |
98 | |
99 #create-profile-content > :first-child { | |
100 margin-bottom: 10px; | |
101 } | |
102 | |
103 #manage-profile-content > :first-child { | |
104 margin-bottom: 10px; | |
105 } | |
106 | |
107 #create-profile-content > :last-child { | |
108 margin-top: 10px; | |
109 } | |
110 | |
111 #manage-profile-content > :last-child { | |
112 margin-top: 10px; | |
113 } | |
114 | |
115 #create-profile-content > :not(:first-child):not(:last-child) { | |
116 margin-bottom: 10px; | |
117 margin-top: 10px; | |
118 } | |
119 | |
120 #manage-profile-content > :not(:first-child):not(:last-child) { | |
121 margin-bottom: 10px; | |
122 margin-top: 10px; | |
123 } | |
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 | |
136 .action-area-checkbox-container { | |
137 -webkit-box-flex: 1; | |
138 } | |
139 | |
140 #delete-profile-message { | |
141 -webkit-padding-start: 48px; | |
142 background-repeat: no-repeat; | |
143 } | |
144 | |
145 html[dir='rtl'] #delete-profile-message { | |
146 background-position: right; | |
147 | |
OLD | NEW |