| /* 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: 612px; |
| } |
| |
| .profile-icon-grid-item { |
| height: 31px; |
| margin: 2px 4px; |
| padding: 4px; |
| width: 38px; |
| } |
| |
| .profile-icon { |
| height: 31px; |
| width: 38px; |
| } |
| |
| #create-profile-name-input-container, |
| #manage-profile-name-input-container { |
| margin-top: 5px; |
| } |
| |
| #create-profile-name, |
| #manage-profile-name { |
| margin-left: 10px; |
| } |
| |
| #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; |
| } |
| |
| :-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-shortcut-container { |
| -webkit-box-flex: 1; |
| } |
| |
| /* Proper spacing for the buttons. */ |
| #remove-shortcut-button, |
| #add-shortcut-button { |
| -webkit-margin-end: 10px; |
| } |
| |
| #delete-profile-message, |
| #delete-managed-profile-addendum { |
| -webkit-padding-start: 48px; |
| background-repeat: no-repeat; |
| } |
| |
| #delete-managed-profile-addendum { |
| margin-top: 10px; |
| } |
| |
| html[dir='rtl'] #delete-profile-message { |
| background-position: right; |
| } |
| |
| #create-profile-managed-not-signed-in { |
| color: #999; |
| } |
| |
| #create-profile-managed-not-signed-in-label, |
| #create-profile-managed-account-details-out-of-date-label { |
| white-space: pre-wrap; |
| word-wrap: break-word; |
| } |