Mobile improvement and fitting
This commit is contained in:
parent
3a95ca3d2f
commit
78a4cf60f5
21
res/web.css
21
res/web.css
@ -15,7 +15,10 @@ html {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
transition: ease-out 1s;
|
||||
transition: ease-out 0.5s;
|
||||
}
|
||||
.header:hover {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.header-title {
|
||||
width: 100%;
|
||||
@ -34,6 +37,13 @@ html {
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
}
|
||||
.sticky > #links-header {
|
||||
display: flex;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
flex: 1 1 0;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.sticky {
|
||||
position: fixed;
|
||||
background-color: rgba(10, 10, 10, 0.7);
|
||||
@ -49,7 +59,7 @@ html {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
flex: 1 1 0;
|
||||
justify-content: flex-end;
|
||||
justify-content: space-around;
|
||||
}
|
||||
#links-header a {
|
||||
line-height: 50px;
|
||||
@ -235,6 +245,13 @@ h2 { color: #F33;}
|
||||
position: fixed;
|
||||
background-color: rgba(10, 10, 10, 0.4);
|
||||
}
|
||||
.header:hover {
|
||||
background-color: rgba(10, 10, 10, 0.6);
|
||||
}
|
||||
.header-title {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
#banner {
|
||||
font-size: 20px;
|
||||
height: 300px;
|
||||
|
Loading…
Reference in New Issue
Block a user