Upstream version 7.36.149.0
[platform/framework/web/crosswalk.git] / src / 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 #disconnect-managed-profile-domain-name {
41   font-weight: bold;
42 }
43
44 #disconnect-managed-profile-domain-information {
45   background-color: #f0f0f0;
46   padding: 14px 0 14px 17px;
47 }
48
49 #disconnect-managed-profile-message {
50   padding-top: 9px;
51 }
52
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%;
66 }
67
68 html[dir='ltr'] #create-profile-error-bubble {
69   margin-left: 20px;
70   width: 90%;
71 }
72
73 html[dir='rtl'] #create-profile-error-bubble {
74   margin-right: 20px;
75   width: 90%;
76 }
77
78 #create-profile-error-bubble[hidden],
79 #manage-profile-error-bubble[hidden] {
80   display: block !important;
81   max-height: 0;
82   padding: 0 10px;
83 }
84
85 #create-profile-icon-grid,
86 #manage-profile-icon-grid {
87   background-color: rgba(255, 255, 255, 0.75);
88   padding: 2px;
89 }
90
91 :-webkit-any(#create-profile-content, #manage-profile-content) >
92     :not(:last-child) {
93   margin-bottom: 10px;
94 }
95
96 :-webkit-any(#create-profile-content, #manage-profile-content) >
97     :not(:first-child) {
98   margin-top: 10px;
99 }
100
101 :-webkit-any(#create-profile-content, #manage-profile-content) >
102     .name-input-container {
103   margin-top: 5px;
104 }
105
106 :-webkit-any(#create-profile-content, #manage-profile-content) >
107     .name-label-container {
108   margin-bottom: 5px;
109 }
110
111 #create-profile-content {
112   padding-bottom: 0;
113 }
114
115 .action-area-shortcut-container {
116   -webkit-box-flex: 1;
117 }
118
119 /* Proper spacing for the buttons. */
120 #remove-shortcut-button,
121 #add-shortcut-button {
122   -webkit-margin-end: 10px;
123 }
124
125 #delete-managed-profile-addendum {
126   -webkit-padding-start: 48px;
127   margin-top: 10px;
128 }
129
130 html[dir='ltr'] #delete-profile-icon {
131   float: left;
132   margin-right: 10px;
133 }
134
135 html[dir='rtl'] #delete-profile-icon {
136   float: right;
137   margin-left: 10px;
138 }
139
140 #create-profile-managed-not-signed-in {
141   color: #999;
142 }
143
144 #create-profile-managed-not-signed-in-label,
145 #create-profile-managed-account-details-out-of-date-label {
146   white-space: pre-wrap;
147   word-wrap: break-word;
148 }
149
150 #create-profile-managed-content-area {
151   padding-top: 5px;
152 }
153
154 #import-existing-managed-user-link {
155   left: 17px;
156   position: absolute;
157 }
158
159 #supervised-user-import {
160   margin: 0;
161   padding: 0;
162 }