walnut_launchpad.html/css/styles.css

71 lines
1.2 KiB
CSS

/* Layout */
.container.main-content {
display: flex;
margin-top: 80px;
width: 100%;
max-width: 100%;
}
.menu-container {
width: 8%;
}
.main-content-container {
width: 92%;
padding: 0 20px;
}
.login-container {
top: 25vh;
}
/* Common CSS */
.cp {
cursor: pointer;
}
.frsa {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.white-well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #FFFFFF;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
/* Side Menu */
.side-menu {
padding-top: 10px;
max-width: 100px;
border-right: 1px solid #ccc;
}
.button-container {
text-align: center;
}
.button-container a {
color: black;
}
.side-menu-button {
width: 65px;
height: 65px;
}
.achievement-body {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.button-container.active .side-menu-button {
background: steelblue;
color: white;
}
.button-container.active .button-title {
color: steelblue;
}
.button-container a:hover {
text-decoration: none;
}