updates
This commit is contained in:
22
main.css
22
main.css
@@ -86,12 +86,10 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#headin {
|
#headin {
|
||||||
padding-top: 2%;
|
|
||||||
padding-bottom: 2%;
|
padding-bottom: 2%;
|
||||||
transition: background-color 0.3s, color 0.3s;/*
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;*/
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@@ -100,9 +98,9 @@ h1 {
|
|||||||
|
|
||||||
#head-marker.scrolly-out + #headin {
|
#head-marker.scrolly-out + #headin {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
transition: background-color 0.3s, color 0.3s;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background-color: slateblue;
|
|
||||||
color: lightgreen;
|
color: lightgreen;
|
||||||
/*margin-left: var(--sidebar-size);*/
|
/*margin-left: var(--sidebar-size);*/
|
||||||
width: calc(100vw); /*- var(--sidebar-size)*/
|
width: calc(100vw); /*- var(--sidebar-size)*/
|
||||||
@@ -112,11 +110,6 @@ h1 {
|
|||||||
background-color: black;
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
|
||||||
/*display: grid;
|
|
||||||
grid-template-columns: var(--sidebar-size) auto;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#outer {
|
#outer {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@@ -144,11 +137,6 @@ body {
|
|||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sider-cats > input:checked + label {
|
|
||||||
/*border-right: 2px solid red;
|
|
||||||
border-bottom: 2px solid red;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#sider-cats > label {
|
#sider-cats > label {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
@@ -179,3 +167,9 @@ a {
|
|||||||
a:hover {
|
a:hover {
|
||||||
color: darkgreen;
|
color: darkgreen;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
#headin {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
1
main.js
1
main.js
@@ -47,4 +47,5 @@ window.addEventListener("scrollend", scrollchecks);
|
|||||||
window.addEventListener("wheel", scrollchecks);
|
window.addEventListener("wheel", scrollchecks);
|
||||||
window.addEventListener("resize", scrollchecks);
|
window.addEventListener("resize", scrollchecks);
|
||||||
window.addEventListener("load", scrollchecks);
|
window.addEventListener("load", scrollchecks);
|
||||||
|
window.addEventListener("touchmove", scrollchecks);
|
||||||
setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.
|
setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.
|
||||||
Reference in New Issue
Block a user