manage_profile_overlay.css revision 868fa2fe829687343ffae624259930155e16dbd8 
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: 612px;
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-input-container,
22#manage-profile-name-input-container {
23  margin-top: 5px;
24}
25
26#create-profile-name,
27#manage-profile-name {
28  margin-left: 10px;
29}
30
31#create-profile-name:invalid,
32#manage-profile-name:invalid {
33  background-color: pink;
34}
35
36#create-profile-error-bubble,
37#manage-profile-error-bubble {
38  -webkit-transition: max-height 200ms, padding 200ms;
39  background-color: rgb(238, 185, 57);
40  border-radius: 4px;
41  font-weight: bold;
42  margin-left: auto;
43  margin-right: auto;
44  max-height: 50px;
45  overflow: hidden;
46  padding: 1px 10px;
47  text-align: center;
48  width: 80%;
49}
50
51#create-profile-error-bubble[hidden],
52#manage-profile-error-bubble[hidden] {
53  display: block !important;
54  max-height: 0;
55  padding: 0 10px;
56}
57
58#create-profile-icon-grid,
59#manage-profile-icon-grid {
60  background-color: rgba(255, 255, 255, 0.75);
61  padding: 2px;
62}
63
64#create-profile-ok,
65#manage-profile-ok {
66  border-color: rgba(0, 0, 0, 0.5);
67}
68
69/* Adds a grey horizontal line below content area.  */
70#create-profile-content::after,
71#manage-profile-content::after {
72  background: #c0c0c0;
73  content: '';
74  display: block;
75  height: 1px;
76  margin-top: 25px;
77  width: 100%;
78}
79
80:-webkit-any(#create-profile-content, #manage-profile-content) >
81    :not(:last-child) {
82  margin-bottom: 10px;
83}
84
85:-webkit-any(#create-profile-content, #manage-profile-content) >
86    :not(:first-child) {
87  margin-top: 10px;
88}
89
90:-webkit-any(#create-profile-content, #manage-profile-content) >
91    .name-input-container {
92  margin-top: 5px;
93}
94
95:-webkit-any(#create-profile-content, #manage-profile-content) >
96    .name-label-container {
97  margin-bottom: 5px;
98}
99
100.action-area-shortcut-container {
101  -webkit-box-flex: 1;
102}
103
104/* Proper spacing for the buttons. */
105#remove-shortcut-button,
106#add-shortcut-button {
107  -webkit-margin-end: 10px;
108}
109
110#delete-profile-message {
111  -webkit-padding-start: 48px;
112  background-repeat: no-repeat;
113}
114
115html[dir='rtl'] #delete-profile-message {
116  background-position: right;
117}
118
119#create-profile-limited-not-signed-in {
120  color: #999;
121}
122
123#create-profile-limited-not-signed-in-label {
124  white-space: pre-wrap;
125  word-wrap: break-word;
126}
127