forked from Adleraci/adlerka.top
Change navbar styling a bit
This commit is contained in:
parent
969009eed1
commit
8136f87cf7
@ -80,6 +80,10 @@ li {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav li {
|
||||||
|
margin: unset;
|
||||||
|
}
|
||||||
|
|
||||||
header ul li {
|
header ul li {
|
||||||
list-style: circle;
|
list-style: circle;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
@ -147,7 +151,6 @@ ul.navpage_list {
|
|||||||
display: none;
|
display: none;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: fixed;
|
|
||||||
transition: max-height .3s ease, border .325s ease !important;
|
transition: max-height .3s ease, border .325s ease !important;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
@ -211,7 +214,7 @@ ul.navpage_list {
|
|||||||
|
|
||||||
#statusMessageContainer {
|
#statusMessageContainer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 80px;
|
top: 100px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
z-index: 510;
|
z-index: 510;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -416,10 +419,16 @@ div#articleslist>article{
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding: 0 8px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navsite_list li {
|
#navsite_list li {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navsite_item {
|
.navsite_item {
|
||||||
@ -446,8 +455,9 @@ div#articleslist>article{
|
|||||||
-webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
|
-webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
|
||||||
background-color: var(--dimmer);
|
background-color: var(--dimmer);
|
||||||
box-shadow: 0 20px 28px 0 var(--dimmer);
|
box-shadow: 0 20px 28px 0 var(--dimmer);
|
||||||
top: 80px;
|
top: 100px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
@ -464,4 +474,8 @@ div#articleslist>article{
|
|||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
max-height: 200px;
|
max-height: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navsite_link {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user