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; display: flex;
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
transition: ease-out 1s; transition: ease-out 0.5s;
}
.header:hover {
background-color: rgba(0, 0, 0, 0.2);
} }
.header-title { .header-title {
width: 100%; width: 100%;
@ -34,6 +37,13 @@ html {
opacity: 1; opacity: 1;
display: flex; display: flex;
} }
.sticky > #links-header {
display: flex;
height: 50px;
line-height: 50px;
flex: 1 1 0;
justify-content: flex-end;
}
.sticky { .sticky {
position: fixed; position: fixed;
background-color: rgba(10, 10, 10, 0.7); background-color: rgba(10, 10, 10, 0.7);
@ -49,7 +59,7 @@ html {
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
flex: 1 1 0; flex: 1 1 0;
justify-content: flex-end; justify-content: space-around;
} }
#links-header a { #links-header a {
line-height: 50px; line-height: 50px;
@ -235,6 +245,13 @@ h2 { color: #F33;}
position: fixed; position: fixed;
background-color: rgba(10, 10, 10, 0.4); 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 { #banner {
font-size: 20px; font-size: 20px;
height: 300px; height: 300px;