Commit a48e3344 authored by Corentin Mors's avatar Corentin Mors
Browse files

Clean dashboard template

parent aa938cbe
......@@ -111,7 +111,7 @@ body {
.card-body {
background: green;
background: #449644;
display: flex;
justify-content: center;
width : auto;
......@@ -125,22 +125,23 @@ body {
}
.card-body-item span{
font-size: 3em;
font-size: 2.5em;
color: #fff;
}
/*
#heart-rate {
width: auto;
height: auto;
-webkit-animation-name: beating; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
-webkit-animation-name: beating;
-webkit-animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-name: beating;
animation-duration: 1.5s;
animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes beating {
0% {transform: scale(0.1,0.1);}
10% {transform: scale(0.3,0.3)}
......@@ -154,7 +155,6 @@ body {
90% {transform: scale(0.3,0.3);}
100% {transform: scale(0.2,0.2)}
}
/* Standard syntax */
@-webkit-keyframes beating {
0% {transform: scale(0.3,0.3);}
10% {transform: scale(0.35,0.35);}
......@@ -168,6 +168,7 @@ body {
90% {transform: scale(0.95,0.95);}
100% {transform: scale(1,1)}
}
*/
/** Menu CSS */
.wrapper {
......
.list-group-item-flex{display:flex}.list-group-item-tools{display:block;width:30px}.list-group-item-image{margin-right:10px}.list-group-item-content{flex:1 0}.box{margin-bottom:20px;border:2px solid #000;border-radius:6px;line-height:40px;text-align:center;padding-top:10px;background-color:#c3cee4}.content-input{height:500px}.article{padding-left:1rem;padding-bottom:1rem}[class*=col-xs]{width:auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;align-items:center}@media (min-width:768px){.container{width:1170px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}
\ No newline at end of file
body{padding-top:5rem;background-color:#fff}.contenttype-title{display:flex}.contenttype-title h3{flex:1 0}.contenttype-all-button{margin-top:5px}.list-group-item-flex{display:flex}.list-group-item-tools{display:block;width:30px}.list-group-item-image{margin-right:10px}.list-group-item-content{flex:1 0}.box{margin-bottom:20px;border:2px solid #000;border-radius:6px;line-height:40px;text-align:center;padding-top:10px;background-color:#c3cee4}.content-input{height:500px}.article{padding-left:1rem;padding-bottom:1rem}[class*=col-xs]{width:auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;align-items:center}@media (min-width:768px){.container{width:1170px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}#accordion-faq .card{margin-bottom:10px}.content-box{display:flex;margin:0 0 45px;padding:30px;background-color:#9d9d9d;color:#fff}.card-body{background:green;display:flex;justify-content:center;width:auto}.card-body-item{height:100%;width:100%}.card-body-item:nth-child(1){break-after:always}.card-body-item span{font-size:3em;color:#fff}#heart-rate{width:auto;height:auto;-webkit-animation-name:beating;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-name:beating;animation-duration:1.5s;animation-iteration-count:infinite}@-webkit-keyframes beating{0%{transform:scale(.1,.1)}10%{transform:scale(.3,.3)}20%{transform:scale(.4,.4)}30%{transform:scale(.6,.6)}40%{transform:scale(.8,.8)}50%{transform:scale(1,1)}60%{transform:scale(.8,.8)}70%{transform:scale(.6,.6)}80%{transform:scale(.4,.4)}90%{transform:scale(.3,.3)}100%{transform:scale(.2,.2)}}@-webkit-keyframes beating{0%{transform:scale(.3,.3)}10%{transform:scale(.35,.35)}20%{transform:scale(.4,.4)}30%{transform:scale(.45,.45)}40%{transform:scale(.5,.5)}50%{transform:scale(.6,.6)}60%{transform:scale(.7,.7)}70%{transform:scale(.8,.8)}80%{transform:scale(.9,.9)}90%{transform:scale(.95,.95)}100%{transform:scale(1,1)}}.wrapper{display:flex;width:100%}#sidebar{width:250px;margin-left:-250px;position:fixed;top:0;left:0;height:100vh;z-index:999;background:#7386d5;color:#fff;transition:all .3s}#sidebar.active{margin-left:0}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{text-decoration:none;color:#fff;padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}#content{width:100%;padding:40px;min-height:100vh;transition:all .3s;position:absolute;top:0;right:0}#content.active{width:calc(100% - 250px)}.dark{background-color:#112f41;color:#fff}.dark .task{border-color:#878787}.dark .modal-content{background-color:#1e4363}.dark .btn{background-color:#1c88cc}.dark .dropdown-menu{background-color:#1e4363}.dark .dropdown-item{color:#fff}.dark .card{background-color:#1e4363}
\ No newline at end of file
body{padding-top:5rem;background-color:#fff}.contenttype-title{display:flex}.contenttype-title h3{flex:1 0}.contenttype-all-button{margin-top:5px}.list-group-item-flex{display:flex}.list-group-item-tools{display:block;width:30px}.list-group-item-image{margin-right:10px}.list-group-item-content{flex:1 0}.box{margin-bottom:20px;border:2px solid #000;border-radius:6px;line-height:40px;text-align:center;padding-top:10px;background-color:#c3cee4}.content-input{height:500px}.article{padding-left:1rem;padding-bottom:1rem}[class*=col-xs]{width:auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;align-items:center}@media (min-width:768px){.container{width:1170px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}#accordion-faq .card{margin-bottom:10px}.content-box{display:flex;margin:0 0 45px;padding:30px;background-color:#9d9d9d;color:#fff}.card-body{background:#449644;display:flex;justify-content:center;width:auto}.card-body-item{height:100%;width:100%}.card-body-item:nth-child(1){break-after:always}.card-body-item span{font-size:2.5em;color:#fff}.wrapper{display:flex;width:100%}#sidebar{width:250px;margin-left:-250px;position:fixed;top:0;left:0;height:100vh;z-index:999;background:#7386d5;color:#fff;transition:all .3s}#sidebar.active{margin-left:0}#sidebar .sidebar-header{padding:20px;background:#6d7fcc}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{text-decoration:none;color:#fff;padding:10px;font-size:1.1em;display:block}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background:#6d7fcc}#content{width:100%;padding:40px;min-height:100vh;transition:all .3s;position:absolute;top:0;right:0}#content.active{width:calc(100% - 250px)}.dark{background-color:#112f41;color:#fff}.dark .task{border-color:#878787}.dark .modal-content{background-color:#1e4363}.dark .btn{background-color:#1c88cc}.dark .dropdown-menu{background-color:#1e4363}.dark .dropdown-item{color:#fff}.dark .card{background-color:#1e4363}
\ No newline at end of file
......@@ -16,10 +16,9 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i id="heart-rate" class="fas fa-heart fa-9x" style="color: white;"></i>
<i id="heart-rate" class="fas fa-heart fa-5x" style="color: white;"></i>
</div>
<div class="card-body-item">
<br>
<span>90 BPM</span>
</div>
</div>
......@@ -36,10 +35,9 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-thermometer-half fa-9x"></i>
<i style="color: white;" class="fas fa-thermometer-half fa-5x"></i>
</div>
<div class="card-body-item">
<br>
<span>38 °C</span>
</div>
</div>
......@@ -49,8 +47,8 @@
</a>
</div>
</div>
</div>
<hr>
<!-- Environment Breadcrumbs-->
<p>
<ol class="breadcrumb">
......@@ -65,10 +63,9 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-sun fa-9x"></i>
<i style="color: white;" class="fas fa-sun fa-5x"></i>
</div>
<div class="card-body-item">
<br>
<span>50 °C</span>
</div>
</div>
......@@ -85,11 +82,10 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-wind fa-9x"></i>
<i style="color: white;" class="fas fa-arrow-up fa-9x"></i>
<i style="color: white;" class="fas fa-wind fa-5x"></i>
<i style="color: white;" class="fas fa-arrow-up fa-5x"></i>
</div>
<div class="card-body-item">
<br>
<span>North > 60 km/h</span>
</div>
</div>
......@@ -100,6 +96,7 @@
</div>
</div>
</div>
<hr>
<!-- Ressources Breadcrumbs-->
<p>
<ol class="breadcrumb">
......@@ -114,7 +111,7 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-tint fa-9x"></i>
<i style="color: white;" class="fas fa-tint fa-5x"></i>
</div>
<div class="card-body-item">
<span style="padding-left: 50px">3 ml/m<sup>3</sup> </span>
......@@ -137,7 +134,7 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-bolt fa-9x"></i>
<i style="color: white;" class="fas fa-bolt fa-5x"></i>
</div>
<div class="card-body-item">
<span style="padding-left: 50px"> 400 Ah</span>
......@@ -162,10 +159,9 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-user fa-9x"></i>
<i style="color: white;" class="fas fa-user fa-5x"></i>
</div>
<div class="card-body-item">
<br>
<span style="padding-left: 30px">3 m<sup>3</sup> </span>
</div>
......@@ -183,11 +179,10 @@
</div>
<div class="card-body">
<div class="card-body-item">
<i style="color: white;" class="fas fa-utensils fa-9x"></i>
<i style="color: white;" class="fas fa-utensils fa-5x"></i>
</div>
<div class="card-body-item">
<p>
<br>
<span style="padding-left: 50px"> 20.000 kcal</span>
<div class="progress">
<div class="progress-bar bg-info" style="width:30%"></div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment