mirror of https://github.com/BTCPrivate/copay.git
commit
732371f98d
252
css/src/main.css
252
css/src/main.css
|
@ -6,54 +6,6 @@
|
|||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Ubuntu Light'), local('Ubuntu-Light'), url(../font/ubuntu-light.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu'), url(../font/ubuntu.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../font/ubuntu-bold.woff) format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), url(../font/ubuntu-bold-italic.woff) format('woff');
|
||||
}
|
||||
|
||||
@keyframes rotateThis {
|
||||
from { transform: scale( 1 ) rotate( 0deg ); }
|
||||
to { transform: scale( 1 ) rotate( 360deg ); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotateThis {
|
||||
from { -webkit-transform: scale( 1 ) rotate( 0deg ); }
|
||||
to { -webkit-transform: scale( 1 ) rotate( 360deg ); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes yellow-flash {
|
||||
0% {
|
||||
background-color: #FFFFE0;
|
||||
opacity:1;
|
||||
}
|
||||
22% {
|
||||
background-color: #FFFFE0;
|
||||
}
|
||||
100% {
|
||||
background-color: none;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: #B7C2CD;
|
||||
}
|
||||
|
@ -648,32 +600,10 @@ input[type=number]::-webkit-outer-spin-button {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.icon-rotate {
|
||||
animation-name: rotateThis;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
-webkit-animation-name: rotateThis;
|
||||
-webkit-animation-duration: 2s;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.highlight{
|
||||
-webkit-animation-name: yellow-flash;
|
||||
-webkit-animation-duration: 400ms;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-moz-animation-name: yellow-flash;
|
||||
-moz-animation-duration: 400ms;
|
||||
-moz-animation-iteration-count: 1;
|
||||
-moz-animation-timing-function: linear;
|
||||
}
|
||||
|
||||
/* notifications */
|
||||
|
||||
.dr-notification-container {
|
||||
|
@ -730,13 +660,6 @@ input[type=number]::-webkit-outer-spin-button {
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
.dr-notification-close-btn:hover {
|
||||
-webkit-transform: scale3d(1.25, 1.25, 1);
|
||||
-moz-transform: scale3d(1.25, 1.25, 1);
|
||||
-ms-transform: scale3d(1.25, 1.25, 1);
|
||||
transform: scale3d(1.25, 1.25, 1);
|
||||
}
|
||||
|
||||
.dr-notification-image {
|
||||
width: 80px;
|
||||
height: 90px;
|
||||
|
@ -1105,7 +1028,8 @@ button.gray:focus,
|
|||
}
|
||||
|
||||
.side-nav.wallets li {
|
||||
padding: 1.2rem 0.7rem;
|
||||
margin: 1.2rem .6rem;
|
||||
padding: 0.3rem 0.1rem;
|
||||
}
|
||||
|
||||
.side-nav.wallets {
|
||||
|
@ -1117,11 +1041,6 @@ button.gray:focus,
|
|||
height: 0%;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
-webkit-transition: height 250ms ease-in;
|
||||
-moz-transition: height 250ms ease-in;
|
||||
-o-transition: height 250ms ease-in;
|
||||
-ms-transition: height 250ms ease-in;
|
||||
transition: height 250ms ease-in;
|
||||
}
|
||||
|
||||
.side-nav.wallets.pullDown {
|
||||
|
@ -1422,78 +1341,11 @@ a.text-warning:hover {color: #FD7262;}
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* Animation popup */
|
||||
|
||||
.pullDown {
|
||||
animation-name: pullDown;
|
||||
-webkit-animation-name: pullDown;
|
||||
|
||||
animation-duration: 1.1s;
|
||||
-webkit-animation-duration: 1.1s;
|
||||
|
||||
animation-timing-function: ease-out;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
|
||||
transform-origin: 50% 0%;
|
||||
-ms-transform-origin: 50% 0%;
|
||||
-webkit-transform-origin: 50% 0%;
|
||||
}
|
||||
|
||||
@keyframes pullDown {
|
||||
0% {
|
||||
transform: scaleY(0.1);
|
||||
}
|
||||
40% {
|
||||
transform: scaleY(1.02);
|
||||
}
|
||||
60% {
|
||||
transform: scaleY(0.98);
|
||||
}
|
||||
80% {
|
||||
transform: scaleY(1.01);
|
||||
}
|
||||
100% {
|
||||
transform: scaleY(0.98);
|
||||
}
|
||||
80% {
|
||||
transform: scaleY(1.01);
|
||||
}
|
||||
100% {
|
||||
transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pullDown {
|
||||
0% {
|
||||
-webkit-transform: scaleY(0.1);
|
||||
}
|
||||
40% {
|
||||
-webkit-transform: scaleY(1.02);
|
||||
}
|
||||
60% {
|
||||
-webkit-transform: scaleY(0.98);
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: scaleY(1.01);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scaleY(0.98);
|
||||
}
|
||||
80% {
|
||||
-webkit-transform: scaleY(1.01);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scaleY(1);
|
||||
}
|
||||
}
|
||||
|
||||
/*-----------------------------------------------------------------*/
|
||||
|
||||
.w-popup-menu{
|
||||
padding:0;
|
||||
}
|
||||
.w-popup-menu li{
|
||||
|
||||
.w-popup-menu li {
|
||||
width: 180px;
|
||||
height: 180px;
|
||||
overflow: hidden;
|
||||
|
@ -1507,11 +1359,6 @@ a.text-warning:hover {color: #FD7262;}
|
|||
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
|
||||
margin: 20px 26px 0 0;
|
||||
-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-menu li:last-child{
|
||||
margin-right: 0px;
|
||||
|
@ -1524,121 +1371,46 @@ a.text-warning:hover {color: #FD7262;}
|
|||
color: #333;
|
||||
position: relative;
|
||||
}
|
||||
.w-popup-icon{
|
||||
font-family: WebSymbolsRegular,cursive;
|
||||
.w-popup-icon {
|
||||
color: #c5e4f4 ;
|
||||
font-size: 90px;
|
||||
text-shadow: 1px 0 1px rgba(255,255,255,.7);
|
||||
line-height: 150px;
|
||||
position: absolute;
|
||||
width: 58px;
|
||||
/* height: 60px; */
|
||||
left: 60px;
|
||||
top: 14px;
|
||||
text-align: center;
|
||||
-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-content{
|
||||
|
||||
.w-popup-content {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
top: 50%;
|
||||
}
|
||||
.w-popup-main{
|
||||
.w-popup-main {
|
||||
color: #FFFFFF;
|
||||
opacity: 0.6;
|
||||
text-align: center;
|
||||
-webkit-transition: all 200ms linear;
|
||||
-moz-transition: all 200ms linear;
|
||||
-o-transition: all 200ms linear;
|
||||
-ms-transition: all 200ms linear;
|
||||
transition: all 200ms linear;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.w-popup-sub{
|
||||
.w-popup-sub {
|
||||
text-align:center;
|
||||
color: #FFFFFF;
|
||||
line-height: 20px;
|
||||
opacity: 0.8;
|
||||
-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{
|
||||
background-color: #34B191;
|
||||
}
|
||||
.w-popup-menu li:hover .w-popup-icon{
|
||||
.w-popup-menu li:hover .w-popup-icon {
|
||||
text-shadow: 0px 0px 20px #c5e4f4;
|
||||
color: transparent;
|
||||
-webkit-animation: moveFromTop 400ms ease;
|
||||
-moz-animation: moveFromTop 400ms ease;
|
||||
-ms-animation: moveFromTop 400ms ease;
|
||||
}
|
||||
.w-popup-menu li:hover .w-popup-main{
|
||||
.w-popup-menu li:hover .w-popup-main, .w-popup-menu li:hover .w-popup-sub {
|
||||
color: #FFFFFF;
|
||||
-webkit-animation: moveFromTop 300ms ease;
|
||||
-moz-animation: moveFromTop 300ms ease;
|
||||
-ms-animation: moveFromTop 300ms ease;
|
||||
}
|
||||
.w-popup-menu li:hover .w-popup-sub{
|
||||
color: #FFFFFF;
|
||||
-webkit-animation: moveFromBottom 500ms ease;
|
||||
-moz-animation: moveFromBottom 500ms ease;
|
||||
-ms-animation: moveFromBottom 500ms ease;
|
||||
}
|
||||
@-webkit-keyframes moveFromTop {
|
||||
from {
|
||||
-webkit-transform: translateY(-300%);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes moveFromTop {
|
||||
from {
|
||||
-moz-transform: translateY(-300%);
|
||||
}
|
||||
to {
|
||||
-moz-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes moveFromTop {
|
||||
from {
|
||||
-ms-transform: translateY(-300%);
|
||||
}
|
||||
to {
|
||||
-ms-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes moveFromBottom {
|
||||
from {
|
||||
-webkit-transform: translateY(200%);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes moveFromBottom {
|
||||
from {
|
||||
-moz-transform: translateY(200%);
|
||||
}
|
||||
to {
|
||||
-moz-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes moveFromBottom {
|
||||
from {
|
||||
-ms-transform: translateY(200%);
|
||||
}
|
||||
to {
|
||||
-ms-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
|
|
1292
css/src/style.css
1292
css/src/style.css
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue