mirror of
https://github.com/chylex/Lightning-Tracker.git
synced 2024-09-19 10:42:48 +02:00
86 lines
1.4 KiB
CSS
86 lines
1.4 KiB
CSS
#navigation {
|
|
width: 100%;
|
|
min-height: 48px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
background: linear-gradient(#0c527d, #0a4163);
|
|
box-shadow: 0 -1px 1px 4px #1b1b1b;
|
|
}
|
|
|
|
#navigation > .title {
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
height: 48px;
|
|
}
|
|
|
|
#navigation > .title a {
|
|
opacity: 1;
|
|
transition: opacity 0.175s ease;
|
|
}
|
|
|
|
#navigation > .title a:hover,
|
|
#navigation > .title a:focus {
|
|
opacity: 0.75;
|
|
outline: none;
|
|
}
|
|
|
|
#navigation > .title > a {
|
|
flex: 0 0 auto;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
#navigation > .title > h1 {
|
|
flex: 0 0 auto;
|
|
margin: 0;
|
|
padding: 0 14px 0 0;
|
|
font-size: 21px;
|
|
text-shadow: 1px 1px 1px #222;
|
|
}
|
|
|
|
#navigation > .title > h1 a {
|
|
display: inline-block;
|
|
padding: 12px 8px;
|
|
color: #fafafa;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#navigation > .left {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
#navigation > .right {
|
|
flex: 0 1 auto;
|
|
}
|
|
|
|
#navigation .item {
|
|
display: inline-block;
|
|
height: 48px;
|
|
font-size: 17px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-shadow: 1px 1px 1px #222;
|
|
}
|
|
|
|
#navigation .item a {
|
|
display: inline-block;
|
|
height: 100%;
|
|
padding: 15px 19px 0;
|
|
color: #e5e5e5;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#navigation .item a:hover, #navigation .item.active a {
|
|
background: linear-gradient(#07304a, #0a4163);
|
|
}
|
|
|
|
#navigation .item .icon {
|
|
margin-right: 5px;
|
|
font-size: 23px;
|
|
line-height: 17px;
|
|
vertical-align: -22.5%;
|
|
}
|
|
|
|
#navigation .item .icon.icon-enter {
|
|
vertical-align: -27.5%;
|
|
}
|