Refactor Portfolio balance.

[perso/Immae/Projets/Cryptomonnaies/Cryptoportfolio/Front.git] / cmd / web / static / style.css

diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css
index bfa43f06d70cdf5398e83da63f4492dd3da60419..e4da17680a2f2590133691917501b5c7cf4d5cc2 100644 (file)
--- a/cmd/web/static/style.css
+++ b/cmd/web/static/style.css
@@ -32,14 +32,34 @@ i.cc {
   text-align: center;
   display: inline-block;
   color: white;
-  font-size: 28px;
   background-color: rgb(20, 20, 20);
   border-radius: 4px;
   font-weight: bold;
   padding: 10px 10px 10px 10px;
   vertical-align: middle;
-  margin-bottom: 30px;
+}
+
+#header {
   margin-top: 20px;
+  margin-bottom: 30px;
+}
+
+.header-menu-section {
+  margin-right: 10px;
+}
+
+h1 {
+  font-size: 1.5em;
+  margin-bottom: 5px;
+  margin-top: 5px;
+}
+
+.performance-up {
+  color: green;
+}
+
+.performance-down {
+  color: red;
 }
 
 .sign-in .form-control {
@@ -49,6 +69,18 @@ i.cc {
   background-color: white;
 }
 
+.config-status {
+  margin-bottom: 10px;
+}
+
+.config-status .icon-cancel-circled {}
+
+.config-status .icon-ok-circled {}
+
+.config-status i {
+  font-size: 1.2em;
+}
+
 .sign-in .submit {
   background-color: rgb(20, 20, 20);
   color: white;
@@ -91,6 +123,35 @@ i.cc {
   padding-top: 100px;
 }
 
+.currency-logo {
+  display: inline-block;
+  margin-left: 5px;
+  margin-right: 5px;
+  
+  height: 24px;
+  width: 24px;
+}
+
+.balance > .btcValue {
+  font-size: 1.2em;
+}
+
+.balance > .variation {
+  font-size: 1.2em;
+}
+
+.balance > .row {
+  margin-bottom: 10px;
+}
+
+.assets > .row {
+  margin-bottom: 10px;
+}
+
+.balances > div {
+  margin-bottom: 5px;
+}
+
 .box {
   position: relative;
   background-color: rgb(250, 250, 250);
@@ -100,4 +161,51 @@ i.cc {
   margin-top: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
+}
+
+@font-face {
+  font-family: 'fontello';
+  src: url('fonts/fontello.eot?12278570');
+  src: url('fonts/fontello.eot?12278570#iefix') format('embedded-opentype'),
+       url('fonts/fontello.woff2?12278570') format('woff2'),
+       url('fonts/fontello.woff?12278570') format('woff'),
+       url('fonts/fontello.ttf?12278570') format('truetype'),
+       url('fonts/fontello.svg?12278570#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
\ No newline at end of file