180 lines
2.6 KiB
CSS
180 lines
2.6 KiB
CSS
body {
|
|
height: 100%;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
|
|
html {
|
|
background-color: #d7dae0;
|
|
}
|
|
|
|
.g-signin2 {
|
|
display: none;
|
|
}
|
|
|
|
.nav {
|
|
width: 100%;
|
|
height: 40px;
|
|
position: relative;
|
|
background-color: black;
|
|
}
|
|
|
|
.home {
|
|
position: absolute;
|
|
float: left;
|
|
height: 40px;
|
|
width: 50px;
|
|
color: white !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.profile {
|
|
float: right;
|
|
height: 40px;
|
|
}
|
|
|
|
#email {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
transform: translate(-50%, -50%);
|
|
font-size: 15px;
|
|
vertical-align: middle;
|
|
color:white;
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
}
|
|
|
|
#profImg {
|
|
height: 30px;
|
|
width: 30px;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 50px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.welRow {
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
}
|
|
.hr {
|
|
border-color: grey;
|
|
}
|
|
|
|
#welcome {
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
font-size: 40px;
|
|
color: #37474F;
|
|
}
|
|
|
|
.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%);
|
|
}
|