anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

payment intents style fixes

Browse source
This commit is contained in:
Matias Alejo Garcia 2014-12-10 20:30:36 -03:00
commit af6ee93ae5
6 changed files with 96 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

52
css/src/animation.css
View file

@ -20,56 +20,6 @@
transition: height 250ms ease-in;
}
.w-popup-menu li {
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.w-popup-icon {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.w-popup-main {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.w-popup-sub {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
.w-popup-menu li:hover .w-popup-icon {
-webkit-animation: moveFromTop 400ms ease;
-moz-animation: moveFromTop 400ms ease;
-ms-animation: moveFromTop 400ms ease;
}
.w-popup-menu li:hover .w-popup-main {
-webkit-animation: moveFromTop 300ms ease;
-moz-animation: moveFromTop 300ms ease;
-ms-animation: moveFromTop 300ms ease;
}
.w-popup-menu li:hover .w-popup-sub {
-webkit-animation: moveFromBottom 500ms ease;
-moz-animation: moveFromBottom 500ms ease;
-ms-animation: moveFromBottom 500ms ease;
}
.icon-rotate {
animation-name: rotateThis;
animation-duration: 2s;
@ -1326,4 +1276,4 @@ stretchRight
0%{transform:rotate(0deg) scale(1);}
50%{transform:rotate(360deg) scale(1.3);}
100%{transform:rotate(720deg) scale(1);}
}
}

29
css/src/main.css
View file

@ -268,7 +268,9 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
color: #FFF;
}
.side-nav.wallets .avatar-wallet{
.side-nav.wallets .avatar-wallet,
.wallet-selection.wallets .avatar-wallet
{
background-color: #7A8C9E;
color: #213140;
padding: 0.35rem 0.5rem;
@ -1168,6 +1170,28 @@ button.gray:focus,
text-transform: uppercase;
}
.wallet-selection.wallets {
background-color: #213140 ;
}
ul.wallet-selection.wallets {
margin: 0;
overflow: hidden;
}
.wallet-selection.wallets li {
overflow: hidden;
padding: 1rem;
}
.wallet-selection.wallets li a {
display: block;
}
.wallet-selection.wallets li:hover {
background-color: #3C4E60;
}
.side-nav.wallets li {
margin: 1.2rem 0;
padding: 0.3rem 0.1rem;
@ -1188,12 +1212,15 @@ button.gray:focus,
height: 100%;
}
.wallet-selection.wallets a.wallet-item,
.wallet-selection.wallets a.wallet-item:hover,
.side-nav.wallets a.wallet-item,
.side-nav.wallets a.wallet-item:hover {
color: #7A8C9E;
line-height: 20px;
}
.wallet-selection.wallets .type-wallet,
.side-nav.wallets .type-wallet {
color: #AAB1B9;
}