walnut_launchpad.html/css/styles.css

71 lines
1.2 KiB
CSS
Raw Normal View History

2017-08-11 21:18:26 +00:00
/* Layout */
2017-08-08 06:35:11 +00:00
.container.main-content {
2017-08-11 19:21:35 +00:00
display: flex;
margin-top: 70px;
width: 100%;
max-width: 100%;
2017-08-08 06:35:11 +00:00
}
.menu-container {
2017-08-11 21:18:26 +00:00
width: 8%;
2017-08-08 06:35:11 +00:00
}
.main-content-container {
2017-08-11 21:18:26 +00:00
width: 92%;
2017-08-11 19:21:35 +00:00
padding: 0 20px;
2017-08-08 06:35:11 +00:00
}
2017-08-09 04:23:19 +00:00
.login-container {
2017-08-11 19:21:35 +00:00
top: 25vh;
}
2017-08-11 21:18:26 +00:00
/* Common CSS */
2017-08-11 19:21:35 +00:00
.cp {
cursor: pointer;
}
.frsa {
display: flex;
flex-direction: row;
justify-content: space-between;
}
2017-08-11 21:18:26 +00:00
.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 */
2017-08-11 19:21:35 +00:00
.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 {
2017-08-11 21:18:26 +00:00
width: 65px;
height: 65px;
2017-08-11 19:21:35 +00:00
}
.achievement-body {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
2017-08-11 21:18:26 +00:00
.button-container.active .side-menu-button {
background: steelblue;
color: white;
}
.button-container.active .button-title {
color: steelblue;
}
.button-container a:hover {
text-decoration: none;
2017-08-09 04:23:19 +00:00
}