Arjun Patel
125 lines
1.8 KiB
CSS
125 lines
1.8 KiB
CSS
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
html {
|
|
background-color: #d7dae0;
|
|
}
|
|
|
|
.nav {
|
|
width: 100%;
|
|
height: 40px;
|
|
background-color: black;
|
|
}
|
|
|
|
.cardsCont {
|
|
background-color: #d7dae0;
|
|
}
|
|
.container {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.container-fluid {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.row {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.goalRow {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 400px;
|
|
}
|
|
.cardCont {
|
|
height: 100%;
|
|
}
|
|
.card {
|
|
margin: 5px;
|
|
padding: 5px;
|
|
height: 100%;
|
|
background-color: white;
|
|
border-radius: 5px;
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.circleGraph {
|
|
padding: 0;
|
|
height: 400px;
|
|
color: black !important;
|
|
}
|
|
|
|
|
|
.twoCardRow {
|
|
height: 195px;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.fa {
|
|
color: green;
|
|
}
|
|
|
|
.cardInfo {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #727375;
|
|
font-size: 23px;
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
}
|
|
|
|
.cardData {
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
bottom: 0;
|
|
color: #565759;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
font-style: italic;
|
|
}
|
|
|
|
.stepsC {
|
|
background-color: rgb(232, 245, 233);
|
|
}
|
|
.sleepC {
|
|
background-color: rgb(243, 229, 245);
|
|
}
|
|
.calC {
|
|
background-color: rgb(255, 243, 224);
|
|
}
|
|
.activityC {
|
|
background-color: rgb(225, 245, 254);
|
|
}
|
|
|
|
.mainGCont {
|
|
top: 30px;
|
|
padding: 10px;
|
|
height: 500px;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.mainG {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.mainGraph {
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-right: -50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|