summaryrefslogtreecommitdiffstats
path: root/chromium/chrome/browser/resources/chromeos/login/user_pod_row.css
diff options
context:
space:
mode:
Diffstat (limited to 'chromium/chrome/browser/resources/chromeos/login/user_pod_row.css')
-rw-r--r--chromium/chrome/browser/resources/chromeos/login/user_pod_row.css502
1 files changed, 0 insertions, 502 deletions
diff --git a/chromium/chrome/browser/resources/chromeos/login/user_pod_row.css b/chromium/chrome/browser/resources/chromeos/login/user_pod_row.css
deleted file mode 100644
index 1f5fbf1819a..00000000000
--- a/chromium/chrome/browser/resources/chromeos/login/user_pod_row.css
+++ /dev/null
@@ -1,502 +0,0 @@
-/* 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.
- *
- * This is the stylesheet used by user pods row of account picker UI.
- */
-
-podrow {
- /* Temporarily disabled because animation interferes with updating screen's
- size. */
- height: 100%;
- overflow: visible;
- position: absolute;
- width: 100%;
-}
-
-/* Hide the pod row while images are loading. */
-podrow.images-loading {
- visibility: hidden;
-}
-
-.pod {
- -webkit-tap-highlight-color: transparent;
- -webkit-transform: scale3d(0.9, 0.9, 0.9);
- -webkit-transition: -webkit-transform 180ms ease,
- opacity 180ms ease;
- background-color: white;
- border-radius: 2px;
- box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2),
- 0 2px 6px rgba(0, 0, 0, 0.15),
- 0 3px 0 rgba(0, 0, 0, 0.08);
- cursor: pointer;
- display: inline-block;
- padding: 10px 10px 3px;
- position: absolute;
- vertical-align: middle;
- width: 160px;
- z-index: 0;
-}
-
-.account-picker.flying-pods .pod {
- -webkit-transition: all 180ms ease;
-}
-
-.pod .main-pane {
- position: relative;
- text-align: center;
- width: 160px;
-}
-
-podrow[ncolumns='6'] .pod {
- -webkit-transform: scale3d(0.8, 0.8, 0.8);
-}
-
-.pod.focused {
- /* Focused pod has the same size no matter how many pods. */
- -webkit-transform: scale3d(1, 1, 1) !important;
- cursor: default;
- z-index: 1;
-}
-
-.pod .user-image {
- height: 160px;
- opacity: 0.7;
- width: 160px;
-}
-
-.pod.faded {
- opacity: .75;
-}
-
-.pod.focused .user-image {
- opacity: 1;
-}
-
-.pod.init {
- -webkit-transform: scale3d(2.4, 2.4, 2.4);
- opacity: 0;
-}
-
-.pod.left {
- -webkit-transform: translateX(-25px);
- opacity: 0;
-}
-
-.pod.right {
- -webkit-transform: translateX(25px);
- opacity: 0;
-}
-
-.pod.zoom {
- -webkit-transform: scale3d(2.2, 2.2, 2.2);
- opacity: 0;
-}
-
-.name {
- -webkit-transition: all 170ms ease;
- color: #565656;
- /* Matching font-size 14px but since name is visible
- when pod is not focused increase that a bit. */
- font-size: 16px;
- height: 26px;
- line-height: 26px; /* This vertically centers text */
- margin: 10px 0 4px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.name.init {
- opacity: 0;
-}
-
-.pod.need-password.focused .name {
- display: none;
-}
-
-.password-area {
- display: none;
-}
-
-.password-input-container {
- -webkit-box-flex: 1;
- /* This relative position is so the capslock hint is positioned correctly. */
- position: relative;
-}
-
-.custom-button {
- -webkit-box-align: center;
- background-color: rgba(0, 0, 0, 0);
- background-image: none;
- cursor: pointer;
- display: -webkit-box;
- height: 40px;
- margin: 0;
- max-width: 40px;
- min-height: 0;
- min-width: 0;
- padding: 0;
-}
-
-button.custom-button:focus:active,
-button.custom-button:focus:hover {
- border: 1px solid transparent !important;
-}
-
-.custom-button img {
- max-height: 100%;
- max-width: 100%;
-}
-
-.pod input[type='password'] {
- -webkit-transition: opacity linear 150ms;
- background: white;
- border: none;
- box-sizing: border-box;
- display: inline-block;
- height: 40px;
- outline: none;
- padding: 4px 6px;
- width: 100%;
-}
-
-.pod.need-password.focused .password-area {
- display: -webkit-box;
-}
-
-.pod .signin-button {
- box-sizing: border-box;
- display: inline-block;
- height: 26px;
- margin: 6px 0;
- max-width: 100%;
- min-width: 72px !important;
- padding: 4px 8px;
-}
-
-.pod:not(.focused) .signin-button {
- display: none;
-}
-
-.pod .capslock-hint {
- bottom: 13px;
- cursor: text;
- position: absolute;
- right: 6px;
- visibility: hidden;
- z-index: 1;
-}
-
-html[dir=rtl] .pod .capslock-hint {
- left: 10px;
- right: auto;
-}
-
-.capslock-on .pod.focused input[type='password']:not([hidden]) ~ .capslock-hint {
- visibility: visible;
-}
-
-.action-box-area {
- -webkit-transition: opacity 100ms ease-in-out;
- background-color: white;
- border-radius: 2px;
- box-shadow: none;
- height: 23px;
- margin: 0;
- opacity: 0;
- outline: none;
- padding: 0;
- position: absolute;
- right: 0;
- top: 0;
- width: 23px;
- z-index: 1;
-}
-
-.action-box-area:focus,
-.action-box-area.hovered,
-.action-box-area.active {
- opacity: 1;
-}
-
-.action-box-button {
- background-color: transparent;
- background-image: url('chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_NORMAL');
- border: 0 !important;
- height: 13px;
- margin: 5px;
- padding: 0;
- width: 13px;
-}
-
-.user-type-icon-area {
- background-color: white;
- border-radius: 2px;
- box-shadow: none;
- height: 26px;
- left: 0;
- margin: 0;
- outline: none;
- padding: 0;
- position: absolute;
- top: 0;
- width: 26px;
- z-index: 1;
-}
-
-.user-type-icon-image {
- background-color: transparent;
- background-image: url('chrome://theme/IDR_MANAGED_MODE_ICON');
- border: 0 !important;
- height: 16px;
- margin: 5px;
- padding: 0;
- width: 16px;
-}
-
-html[dir=rtl] .action-box-area {
- left: 0;
- right: auto;
-}
-
-.action-box-button:hover {
- background-image: url('chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_HOVER');
-}
-
-.action-box-area.active .action-box-button {
- background-image: url('chrome://theme/IDR_OOBE_ACTION_BOX_BUTTON_PRESSED');
-}
-
-.action-box-menu {
- -webkit-transition: opacity 100ms ease-in-out;
- background-color: white;
- border: 1px solid lightgray;
- border-radius: 2px;
- box-shadow: none;
- font-size: 13px;
- line-height: 19px;
- margin: 0;
- opacity: 0;
- padding: 0;
- position: absolute;
- right: 5px;
- top: 18px;
- /* TODO(glotov): the menu should fade out with transition */
- visibility: hidden;
- width: 220px;
- z-index: 1;
-}
-
-.action-box-area.active ~ .action-box-menu {
- opacity: 1;
- visibility: visible;
-}
-
-.action-box-menu-title {
- -webkit-box-orient: vertical;
- -webkit-box-pack: center;
- color: #b4b4b4;
- display: -webkit-box;
- padding: 7px 20px;
-}
-
-.action-box-menu-title-name {
- display: -webkit-box;
- height: 23px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 180px;
-}
-
-.action-box-menu-title-email {
- display: block;
- min-height: 23px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.action-box-menu-remove {
- -webkit-box-align: center;
- border-top: 1px solid lightgray;
- display: -webkit-box;
- min-height: 29px;
- padding: 7px 20px;
-}
-
-.action-box-menu-remove:hover,
-.action-box-menu-remove:focus {
- background-color: #f3f3f3;
- outline: none;
-}
-
-.action-box-remove-user-warning {
- border-top: 1px solid lightgray;
- color: #000;
- font-size: 12px;
- line-height: 18px;
- padding: 20px;
-}
-
-.action-box-remove-user-warning-text {
- padding-bottom: 20px;
-}
-
-.action-box-remove-user-warning .remove-warning-button {
- width: 100%;
-}
-
-html[oobe=old] .pod.focused .action-box-area {
- /* Track shifting of .user-image on pod focus. */
- -webkit-transform: translateY(-1px);
- -webkit-transition: -webkit-transform 140ms ease;
- opacity: 1;
-}
-
-.signed-in-indicator {
- -webkit-transition: all 140ms ease;
- background: rgba(0, 0, 0, 0.5);
- color: white;
- font-size: small;
- padding: 3px 0;
- position: absolute;
- /* Width of .user-image. */
- width: 160px;
- z-index: 1;
-}
-
-/**** Public account user pod rules *******************************************/
-
-.pod.public-account .name,
-.side-pane-name {
- -webkit-padding-end: 16px;
- max-height: 42px;
- outline: none;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.learn-more,
-.side-pane-learn-more {
- background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
- height: 16px;
- position: absolute;
- width: 16px;
-}
-
-.learn-more:hover,
-.side-pane-learn-more:hover {
- background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
-}
-
-.learn-more {
- right: 10px;
- top: 189px;
-}
-
-html[dir=rtl] .learn-more {
- left: 10px;
- right: auto;
-}
-
-.side-pane-divider,
-.side-pane-container {
- bottom: 5px;
- top: 5px;
- visibility: hidden;
-}
-
-.side-pane-divider {
- border-left: 1px solid lightgray;
- left: 180px;
- position: absolute;
- right: auto;
- width: 1px;
-}
-
-html[dir=rtl] .side-pane-divider {
- left: auto;
- right: 180px;
-}
-
-.side-pane-container {
- left: 185px;
- overflow: hidden;
- padding: 5px;
- position: absolute;
- right: auto;
-}
-
-html[dir=rtl] .side-pane-container {
- left: auto;
- right: 185px;
-}
-
-.side-pane-contents {
- -webkit-transform: translateX(-240px);
- -webkit-transition: -webkit-transform 180ms ease;
- height: 100%;
- width: 225px;
-}
-
-html[dir=rtl] .side-pane-contents {
- -webkit-transform: translateX(240px);
-}
-
-.pod.public-account.expanded .side-pane-contents {
- -webkit-transform: translateX(0);
-}
-
-.side-pane-learn-more {
- right: 0;
- top: 2px;
-}
-
-html[dir=rtl] .side-pane-learn-more {
- left: 2px;
- right: auto;
-}
-
-.side-pane-container .info,
-.side-pane-container .reminder {
- font-size: 12px;
-}
-
-.side-pane-container .info {
- -webkit-margin-before: 25px;
-}
-
-.side-pane-container .reminder {
- font-weight: bold;
-}
-
-.side-pane-container .enter-button {
- bottom: 5px;
- display: block;
- left: auto;
- position: absolute;
- right: 5px;
-}
-
-html[dir=rtl] .side-pane-container .enter-button {
- left: 5px;
- right: auto;
-}
-
-.pod.public-account.expanded {
- padding: 10px;
- width: 400px;
-}
-
-.pod.public-account.expanded .name,
-.pod.public-account.expanded .learn-more {
- display: none;
-}
-
-.pod.public-account.expanded .side-pane-divider,
-.pod.public-account.expanded .side-pane-container,
-.pod.public-account.animating .side-pane-container {
- visibility: inherit;
-}