RedXen/Homepage
RedXen
/
Homepage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Mobile improvement and fitting

This commit is contained in:
Alex D. 2018-06-13 19:38:10 +02:00
parent 3a95ca3d2f
commit 78a4cf60f5
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
res/web.css
View File

@ -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;