1bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen/*
272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen * Copyright (c) 2011 The Chromium Authors. All rights reserved.
372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen * Use of this source code is governed by a BSD-style license that can be
472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen * found in the LICENSE file.
572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen */
6bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen
772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsenbutton.password-button {
8ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  -webkit-transition: opacity .15s;
972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  background: #8aaaed;
1072a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  color: #fff;
1172a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  display: inline;
1272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  font-size: 90%;
1372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  font-weight: bold;
1472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  height: 18px;
15ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  opacity: 0.3;
1672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  padding: 0 2px;
1772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  position: absolute;
1872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  top: 5px;
19ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen}
20ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen
21ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsenbutton.password-button:hover {
22ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  -webkit-transition: opacity .15s;
23ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  opacity: 1;
2472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
2572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
2672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsenhtml[dir='ltr'] button.password-button {
27ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  right: 2px;
2872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
2972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
3072a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsenhtml[dir='rtl'] button.password-button {
31ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  left: 2px;
3272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
3372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
3472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monseninput[type="password"].inactive-password {
3521d179b334e59e9a3bfcaed4c4430bef1bc5759dKristian Monsen  background: transparent;
3621d179b334e59e9a3bfcaed4c4430bef1bc5759dKristian Monsen  border: none;
37bda42a81ee5f9b20d2bebedcf0bbef1e30e5b293Kristian Monsen}
3872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
3972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#saved-passwords-list .url {
4072a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  box-sizing: border-box;
4172a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  width: 40%;
4272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
4372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
4472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#saved-passwords-list .name {
4572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  -webkit-box-flex: 1;
4672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  width: 20%;
4772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
4872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
4972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#saved-passwords-list .password {
5072a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  -webkit-box-flex: 1;
5172a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  position: relative;
5272a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
5372a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen
54ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#saved-passwords-list .password input[type="password"],
55ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#saved-passwords-list .password input[type="text"] {
56ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  box-sizing: border-box;
57ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  width: 100%;
58ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen}
59ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen
60ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen#password-exceptions-list .url {
61ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen  -webkit-box-flex: 1;
62ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen}
63ddb351dbec246cf1fab5ec20d2d5520909041de1Kristian Monsen
6472a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#saved-passwords-list .url,
6572a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#saved-passwords-list .name,
6672a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen#password-exceptions-list .url {
6772a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  overflow: hidden;
6872a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen  text-overflow: ellipsis;
6972a454cd3513ac24fbdd0e0cb9ad70b86a99b801Kristian Monsen}
70