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