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