Merge pull request #1755 from bechi/clean-css

Clean css

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{
-    position: absolute;
-    left: 0px;
-    width: 100%;
-    height: 50%;
-    top: 50%;
+
+.w-popup-content {
+  position: absolute;
+  left: 0px;
+  width: 100%;
+  height: 50%;
+  top: 50%;
 }
-.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-main {
+  color: #FFFFFF;
+  opacity: 0.6;
+  text-align: center;
+  margin-bottom: 5px;
 }
-.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-sub {
+  text-align:center;
+  color: #FFFFFF;
+  line-height: 20px;
+  opacity: 0.8;
 }
+
 .w-popup-menu li:hover{
     background-color: #34B191;
 }
-.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-icon {
+  text-shadow: 0px 0px 20px #c5e4f4;
+  color: transparent;
 }
-.w-popup-menu li:hover .w-popup-main{
-    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%);
-    }
+.w-popup-menu li:hover .w-popup-main, .w-popup-menu li:hover .w-popup-sub {
+  color: #FFFFFF; 
 }
 
-@-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%);
-    }
-}