passman/css/app.css
2016-09-11 23:40:06 +02:00

150 lines
4.1 KiB
CSS

.actions.creatable {
padding-left: 10px; }
.actions.creatable .bubble {
position: relative;
width: 185px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
box-shadow: 0 1px 10px rgba(50, 50, 50, 0.7); }
.actions.creatable .bubble ul li {
padding-left: 10px; }
.actions.creatable .bubble ul .menuitem {
font-size: 12px;
display: inline; }
.actions.creatable .bubble:after {
right: inherit;
left: 10px;
top: -19px; }
#app-content-wrapper {
min-height: 95%; }
.button-geen {
background: #37ce02;
color: #fff; }
.button-geen:hover {
background: #3ad802;
color: #fff; }
.button-red {
background: #ce3702;
color: #fff; }
.button-red:hover {
background: #d83a02;
color: #fff; }
.vault_wrapper {
margin: 0 auto;
margin-top: 20px;
width: 100%;
max-width: 420px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */
box-shadow: 0 1px 1px #777;
background: #eee;
display: block; }
.vault_wrapper .vaultlist {
z-index: 500; }
.vault_wrapper .vaultlist li, .vault_wrapper .vaultlist div, .vault_wrapper .vaultlist span, .vault_wrapper .vaultlist small {
cursor: pointer; }
.vault_wrapper .vaultlist small {
color: #8e8e8e; }
.vault_wrapper .vaultlist li.selected {
background-color: #0082c9 !important;
color: #ddd; }
.vault_wrapper .vaultlist li {
border-bottom: 1px solid #8e8e8e;
padding: 16px; }
.vault_wrapper .vaultlist li:hover {
background-color: #f7f7f7; }
.vault_wrapper .login_form {
padding: 16px; }
.vault_wrapper .login_form .error {
color: #ce3702; }
.vault_wrapper .login_form input[type="password"], .vault_wrapper .login_form input[type="text"] {
width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
/* stops bg color from leaking outside the border: */ }
.vault_wrapper .login_form .button_wrapper .button {
width: 45%;
display: inline-block; }
.vault_wrapper .login_form .button {
margin-top: 10px; }
@media screen and (max-width: 768px) {
.vault_wrapper {
width: 90%; } }
.credential-table {
width: 100%;
margin-top: 44px; }
.credential-table tr:hover {
background-color: whitesmoke; }
.credential-table tr td {
cursor: pointer;
padding: 5px;
border-bottom: 1px solid #eeeeee; }
.credential-table tr td .tags {
float: right; }
.credential-table tr td .tags .tag {
background-color: rgba(240, 240, 240, 0.9);
padding: 4px;
font-size: 11px; }
.credential-table tr td .icon-more {
display: inline-block;
float: right;
margin-left: 5px;
margin-top: 1px;
opacity: 0.4;
height: 20px;
width: 32px;
cursor: pointer; }
.credential-table tr td .icon-more:hover {
opacity: 1; }
.credential-table tr td .popovermenu {
margin-top: 7px;
height: 100px;
width: 100px;
right: -2px !important;
box-shadow: 0 1px 10px rgba(50, 50, 50, 0.7); }
.credential-table tr td .popovermenu ul {
display: block;
width: 100px;
height: 75px; }
.credential-table tr td .popovermenu ul li {
padding: 0px; }
.credential-table tr td .popovermenu ul .menuitem {
font-size: 12px;
display: inline; }
.credential-table tr td .popovermenu .action {
padding: 10px;
margin: -10px; }
.settings-container div {
padding-left: 15px; }
.settings-container div .link {
color: #0066ff !important;
cursor: pointer; }
.settings-container div .link:hover {
text-decoration: underline; }
#app-settings-content:not(.ng-hide) {
height: 60px;
display: inherit !important;
padding: 0;
transition: height 0.15s ease-out; }
#app-settings-content.ng-hide {
display: inherit !important;
height: 0;
padding: 0;
transition: height 0.15s ease-in; }
/*# sourceMappingURL=app.css.map */