aklabs.net/www.aklabs.net
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move from miccall theme to kaze

Browse Source
This commit is contained in:
Andrew Kesterson
2024-02-26 19:58:14 -05:00
parent 9de3279861
commit 32b0f8343d
205 changed files with 71658 additions and 9534 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
css/min_screen_layout/header.css Normal file
View File

@@ -0,0 +1,120 @@
#menu-outer {
padding: 0 0.16rem;
display: flex;
flex-direction: row;
justify-content: space-between;
width: calc(100% - 0.32rem);
height: 0.56rem;
line-height: 0.56rem;
border-bottom: 1px solid rgba(173,181,189,0.4);
}
#menu-outer .menu-list-icon {
display: inline-block;
line-height: 0.56rem;
cursor: pointer;
}
#menu-outer #menu-inner.min-menu-inner {
position: absolute;
top: 0.56rem;
left: 0;
display: block;
width: 100%;
height: 0;
overflow-y: auto;
background: rgba(0,0,0,0.6);
transition: $transition-delay;
z-index: 99;
opacity: 0;
}
#menu-outer #menu-inner.min-menu-inner .menu-item {
display: block;
height: 0.56rem;
line-height: 0.56rem;
position: relative;
padding: 0 0.16rem;
font-size: 0.16rem;
font-weight: bolder;
transition: $transition-delay;
}
#menu-outer #menu-inner.min-menu-inner .menu-item:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0.02rem;
background: $color-theme;
transition: $transition-delay;
}
#menu-outer #menu-inner.min-menu-inner .menu-item:hover {
color: $color-theme;
transition: $transition-delay;
}
#menu-outer #menu-inner.min-menu-inner .menu-item:hover:after {
width: 100%;
transition: $transition-delay;
}
#menu-outer #menu-inner.min-menu-inner.show-min-menu-inner {
display: block;
height: calc(100vh - 0.56rem);
transition: $transition-delay;
opacity: 1;
}
#menu-outer .right-info .search {
cursor: pointer;
position: relative;
font-weight: bolder;
transition: $transition-delay;
}
#menu-outer .right-info .search:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 0.02rem;
background: $color-theme;
transition: $transition-delay;
}
#menu-outer .right-info .search:hover {
color: $color-theme;
transition: $transition-delay;
}
#menu-outer .right-info .search:hover:after {
left: 0;
width: 100%;
transition: $transition-delay;
}
#menu-outer .right-info .search .fas {
font-size: 0.12rem;
}
#menu-outer .right-info .title-name {
margin-left: 0.16rem;
position: relative;
font-weight: bolder;
transition: $transition-delay;
}
#menu-outer .right-info .title-name:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
width: 0;
height: 0.02rem;
background: $color-theme;
transition: $transition-delay;
}
#menu-outer .right-info .title-name:hover {
color: $color-theme;
transition: $transition-delay;
}
#menu-outer .right-info .title-name:hover:after {
left: 0;
width: 100%;
transition: $transition-delay;
}
#menu-outer .right-info #now-time {
display: inline-block;
margin-left: 0.16rem;
text-align: right;
}