mirror of https://github.com/BTCPrivate/copay.git
commit
732371f98d
284
css/src/main.css
284
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 {
|
::-webkit-input-placeholder {
|
||||||
color: #B7C2CD;
|
color: #B7C2CD;
|
||||||
}
|
}
|
||||||
|
@ -648,32 +600,10 @@ input[type=number]::-webkit-outer-spin-button {
|
||||||
margin: 0;
|
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 {
|
.spinner {
|
||||||
display: inline-block;
|
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 */
|
/* notifications */
|
||||||
|
|
||||||
.dr-notification-container {
|
.dr-notification-container {
|
||||||
|
@ -730,13 +660,6 @@ input[type=number]::-webkit-outer-spin-button {
|
||||||
z-index: 10;
|
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 {
|
.dr-notification-image {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 90px;
|
height: 90px;
|
||||||
|
@ -1105,7 +1028,8 @@ button.gray:focus,
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-nav.wallets li {
|
.side-nav.wallets li {
|
||||||
padding: 1.2rem 0.7rem;
|
margin: 1.2rem .6rem;
|
||||||
|
padding: 0.3rem 0.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-nav.wallets {
|
.side-nav.wallets {
|
||||||
|
@ -1117,11 +1041,6 @@ button.gray:focus,
|
||||||
height: 0%;
|
height: 0%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
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 {
|
.side-nav.wallets.pullDown {
|
||||||
|
@ -1422,78 +1341,11 @@ a.text-warning:hover {color: #FD7262;}
|
||||||
max-width: 100%;
|
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{
|
.w-popup-menu{
|
||||||
padding:0;
|
padding:0;
|
||||||
}
|
}
|
||||||
.w-popup-menu li{
|
|
||||||
|
.w-popup-menu li {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -1507,11 +1359,6 @@ a.text-warning:hover {color: #FD7262;}
|
||||||
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
|
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
|
||||||
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;
|
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{
|
.w-popup-menu li:last-child{
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
|
@ -1524,121 +1371,46 @@ a.text-warning:hover {color: #FD7262;}
|
||||||
color: #333;
|
color: #333;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.w-popup-icon{
|
.w-popup-icon {
|
||||||
font-family: WebSymbolsRegular,cursive;
|
|
||||||
color: #c5e4f4 ;
|
color: #c5e4f4 ;
|
||||||
font-size: 90px;
|
font-size: 90px;
|
||||||
text-shadow: 1px 0 1px rgba(255,255,255,.7);
|
text-shadow: 1px 0 1px rgba(255,255,255,.7);
|
||||||
line-height: 150px;
|
line-height: 150px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 58px;
|
width: 58px;
|
||||||
/* height: 60px; */
|
|
||||||
left: 60px;
|
left: 60px;
|
||||||
top: 14px;
|
top: 14px;
|
||||||
text-align: center;
|
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{
|
|
||||||
position: absolute;
|
.w-popup-content {
|
||||||
left: 0px;
|
position: absolute;
|
||||||
width: 100%;
|
left: 0px;
|
||||||
height: 50%;
|
width: 100%;
|
||||||
top: 50%;
|
height: 50%;
|
||||||
|
top: 50%;
|
||||||
}
|
}
|
||||||
.w-popup-main{
|
.w-popup-main {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
-webkit-transition: all 200ms linear;
|
margin-bottom: 5px;
|
||||||
-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;
|
text-align:center;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
opacity: 0.8;
|
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{
|
.w-popup-menu li:hover{
|
||||||
background-color: #34B191;
|
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;
|
text-shadow: 0px 0px 20px #c5e4f4;
|
||||||
color: transparent;
|
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;
|
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