X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=cmd%2Fweb%2Fstatic%2Fstyle.css;h=2212168befe603a5528f2d62775d723f2f0d0dc3;hb=16e43cc77935a979c48e75f1ec8ed792952a4ae8;hp=12af3793c2a8ec0b6d13b4c9deac912ae8855951;hpb=7a9e5112eaaea58d55f181d3e5296e4ff839921c;p=perso%2FImmae%2FProjets%2FCryptomonnaies%2FCryptoportfolio%2FFront.git

diff --git a/cmd/web/static/style.css b/cmd/web/static/style.css
index 12af379..2212168 100644
--- a/cmd/web/static/style.css
+++ b/cmd/web/static/style.css
@@ -3,7 +3,6 @@
 body {
   font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   background-color: rgb(246, 248, 251);
-  text-align: center;
 }
 
 ul {
@@ -25,18 +24,34 @@ a:focus {
   color: inherit;
 }
 
+i.cc {
+  font-size: 1.5em;
+}
+
 #logo {
   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;
 }
 
 .sign-in .form-control {
@@ -46,6 +61,22 @@ a:focus {
   background-color: white;
 }
 
+.config-status {
+  margin-bottom: 10px;
+  font-size: 0.9em;
+}
+
+.config-status .icon-cancel-circled {
+  color: red;
+}
+
+.config-status .icon-ok-circled {
+  color: green;
+}
+.config-status i {
+  font-size: 1.2em;
+}
+
 .sign-in .submit {
   background-color: rgb(20, 20, 20);
   color: white;
@@ -88,13 +119,75 @@ a:focus {
   padding-top: 100px;
 }
 
+.currency-logo {
+  display: inline-block;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+.portfolio .currency-logo {
+  height: 24px;
+  width: 24px;
+}
+
+.balances > div {
+  margin-bottom: 5px;
+}
+
 .box {
   position: relative;
   background-color: rgb(250, 250, 250);
   box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
   border-radius: 4px;
-}
+  margin-bottom: 10px;
+  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;
 
-.box:hover {
-  box-shadow: 0 4px 15px 2px rgba(0,0,0,.20);
-}
+  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