Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / chrome / browser / resources / options / manage_profile_overlay.css
blobb34789481a6d26b0b56d0c825c978cdd332a9425
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. */
5 #manage-profile-overlay {
6 width: 616px;
9 .profile-icon-grid-item {
10 height: 31px;
11 margin: 2px 4px;
12 padding: 4px;
13 width: 38px;
16 .profile-icon {
17 height: 31px;
18 width: 38px;
21 #create-profile-name-input-container,
22 #manage-profile-name-input-container {
23 margin-top: 5px;
26 #create-profile-name-input-container {
27 margin-bottom: 5px;
30 #create-profile-name,
31 #manage-profile-name {
32 margin-left: 10px;
35 #create-profile-name:invalid,
36 #manage-profile-name:invalid {
37 background-color: pink;
40 #disconnect-managed-profile-domain-name {
41 font-weight: bold;
44 #disconnect-managed-profile-domain-information {
45 background-color: #f0f0f0;
46 padding: 14px 0 14px 17px;
49 #disconnect-managed-profile-message {
50 padding-top: 9px;
53 #create-profile-error-bubble,
54 #manage-profile-error-bubble {
55 -webkit-transition: max-height 200ms, padding 200ms;
56 background-color: rgb(238, 185, 57);
57 border-radius: 4px;
58 font-weight: bold;
59 margin-left: auto;
60 margin-right: auto;
61 max-height: 50px;
62 overflow: hidden;
63 padding: 10px 10px;
64 text-align: center;
65 width: 80%;
68 html[dir='ltr'] #create-profile-error-bubble {
69 margin-left: 20px;
70 width: 90%;
73 html[dir='rtl'] #create-profile-error-bubble {
74 margin-right: 20px;
75 width: 90%;
78 #create-profile-error-bubble[hidden],
79 #manage-profile-error-bubble[hidden] {
80 display: block !important;
81 max-height: 0;
82 padding: 0 10px;
85 #create-profile-icon-grid,
86 #manage-profile-icon-grid {
87 background-color: rgba(255, 255, 255, 0.75);
88 padding: 2px;
91 :-webkit-any(#create-profile-content, #manage-profile-content) >
92 :not(:last-child) {
93 margin-bottom: 10px;
96 :-webkit-any(#create-profile-content, #manage-profile-content) >
97 :not(:first-child) {
98 margin-top: 10px;
101 :-webkit-any(#create-profile-content, #manage-profile-content) >
102 .name-input-container {
103 margin-top: 5px;
106 :-webkit-any(#create-profile-content, #manage-profile-content) >
107 .name-label-container {
108 margin-bottom: 5px;
111 #create-profile-content {
112 padding-bottom: 0;
115 .action-area-shortcut-container {
116 -webkit-box-flex: 1;
119 /* Proper spacing for the buttons. */
120 #remove-shortcut-button,
121 #add-shortcut-button {
122 -webkit-margin-end: 10px;
125 #delete-supervised-profile-addendum {
126 -webkit-padding-start: 48px;
127 margin-top: 10px;
130 html[dir='ltr'] #delete-profile-icon {
131 float: left;
132 margin-right: 10px;
135 html[dir='rtl'] #delete-profile-icon {
136 float: right;
137 margin-left: 10px;
140 #create-profile-supervised-not-signed-in {
141 color: #999;
144 #create-profile-supervised-not-signed-in-label,
145 #create-profile-supervised-account-details-out-of-date-label {
146 white-space: pre-wrap;
147 word-wrap: break-word;
150 #create-profile-supervised-content-area {
151 padding-top: 5px;
154 #import-existing-supervised-user-link {
155 left: 17px;
156 position: absolute;
159 #supervised-user-import-existing {
160 margin: 0;
161 padding: 0;