1
0
mirror of https://github.com/Foltik/Shimapan synced 2024-11-30 22:41:47 -05:00
shimapan/public/css/navbar.css
2019-01-01 18:09:16 -05:00

68 lines
1.1 KiB
CSS

/* SHIMAPAN title */
.sidebar-title {
grid-row-start: 1;
grid-row-end: 1;
place-self: center;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 60px;
/*border-bottom: 1px solid #999;*/
}
.sidebar-title span {
color: #2a9fd6;
font-size: 20px;
text-transform: uppercase;
letter-spacing: 6px;
}
/* Nav Container */
.sidebar {
grid-row-start: 2;
grid-row-end: 2;
}
/* Nav Elements */
.nav li {
cursor: pointer;
display: flex;
align-items: center;
}
.nav li a {
flex: 1;
outline: none;
padding: 20px 0 20px;
margin-left: 20px;
font-size: 14px;
color: #666;
text-decoration: none;
}
.nav li span {
background: #0d0d0d;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-left: 20px;
}
.nav-icon {
font: 14px fontawesome;
color: #fff;
}
.nav li a:hover {
color: #fff;
}
.nav li a.active {
color: #fff;
}
/* Prevent annoying outline on firefox */
::-moz-focus-inner {border: 0;}