2016-08-28 01:46:10 +00:00
|
|
|
|
2016-09-11 02:53:21 +00:00
|
|
|
#header-container {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-30 02:19:47 +00:00
|
|
|
#header {
|
|
|
|
|
z-index: 5;
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-28 15:27:05 +00:00
|
|
|
#notifload {
|
|
|
|
|
width: 42px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transition: opacity .5s ease;
|
|
|
|
|
|
|
|
|
|
&::before {
|
|
|
|
|
content: " ";
|
2016-11-22 03:41:57 +00:00
|
|
|
@include spinner(mc('indigo', '100'),0.5s,24px);
|
2016-08-28 15:27:05 +00:00
|
|
|
}
|
|
|
|
|
|
2017-05-21 03:21:16 +00:00
|
|
|
&.is-active {
|
2016-08-28 15:27:05 +00:00
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
2016-09-05 04:39:59 +00:00
|
|
|
}
|
|
|
|
|
|
2016-09-05 18:11:51 +00:00
|
|
|
#search-input {
|
|
|
|
|
max-width: 300px;
|
|
|
|
|
width: 33vw;
|
2017-05-21 03:21:16 +00:00
|
|
|
}
|
