chrome/browser/resources/options/manage_profile_overlay.css

   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-input-container {
  27   margin-bottom: 5px;
  28 }
  29
  30 #create-profile-name,
  31 #manage-profile-name {
  32   margin-left: 10px;
  33 }
  34
  35 #create-profile-name:invalid,
  36 #manage-profile-name:invalid {
  37   background-color: pink;
  38 }
  39
  40 #create-profile-error-bubble,
  41 #manage-profile-error-bubble {
  42   -webkit-transition: max-height 200ms, padding 200ms;
  43   background-color: rgb(238, 185, 57);
  44   border-radius: 4px;
  45   font-weight: bold;
  46   margin-left: auto;
  47   margin-right: auto;
  48   max-height: 50px;
  49   overflow: hidden;
  50   padding: 10px 10px;
  51   text-align: center;
  52   width: 80%;
  53 }
  54
  55 html[dir='ltr'] #create-profile-error-bubble {
  56   margin-left: 20px;
  57   width: 90%;
  58 }
  59
  60 html[dir='rtl'] #create-profile-error-bubble {
  61   margin-right: 20px;
  62   width: 90%;
  63 }
  64
  65 #create-profile-error-bubble[hidden],
  66 #manage-profile-error-bubble[hidden] {
  67   display: block !important;
  68   max-height: 0;
  69   padding: 0 10px;
  70 }
  71
  72 #create-profile-icon-grid,
  73 #manage-profile-icon-grid {
  74   background-color: rgba(255, 255, 255, 0.75);
  75   padding: 2px;
  76 }
  77
  78 :-webkit-any(#create-profile-content, #manage-profile-content) >
  79     :not(:last-child) {
  80   margin-bottom: 10px;
  81 }
  82
  83 :-webkit-any(#create-profile-content, #manage-profile-content) >
  84     :not(:first-child) {
  85   margin-top: 10px;
  86 }
  87
  88 :-webkit-any(#create-profile-content, #manage-profile-content) >
  89     .name-input-container {
  90   margin-top: 5px;
  91 }
  92
  93 :-webkit-any(#create-profile-content, #manage-profile-content) >
  94     .name-label-container {
  95   margin-bottom: 5px;
  96 }
  97
  98 #create-profile-content {
  99   padding-bottom: 0;
 100 }
 101
 102 .action-area-shortcut-container {
 103   -webkit-box-flex: 1;
 104 }
 105
 106 /* Proper spacing for the buttons. */
 107 #remove-shortcut-button,
 108 #add-shortcut-button {
 109   -webkit-margin-end: 10px;
 110 }
 111
 112 #delete-managed-profile-addendum {
 113   -webkit-padding-start: 48px;
 114   margin-top: 10px;
 115 }
 116
 117 html[dir='ltr'] #delete-profile-icon {
 118   float: left;
 119   margin-right: 10px;
 120 }
 121
 122 html[dir='rtl'] #delete-profile-icon {
 123   float: right;
 124   margin-left: 10px;
 125 }
 126
 127 #create-profile-managed-not-signed-in {
 128   color: #999;
 129 }
 130
 131 #create-profile-managed-not-signed-in-label,
 132 #create-profile-managed-account-details-out-of-date-label {
 133   white-space: pre-wrap;
 134   word-wrap: break-word;
 135 }
 136
 137 #create-profile-managed-content-area {
 138   padding-top: 5px;
 139 }
 140
 141 #import-existing-managed-user-link {
 142   left: 17px;
 143   position: absolute;
 144 }
 145
 146 #supervised-user-import {
 147   margin: 0;
 148   padding: 0;
 149 }