Line 361: | Line 361: | ||
position: -webkit-sticky; /* Safari */ | position: -webkit-sticky; /* Safari */ | ||
position: sticky; | position: sticky; | ||
− | top: calc(45px + | + | top: calc(45px + 25vh); |
z-index: 100; | z-index: 100; | ||
margin-top: 5vh; | margin-top: 5vh; | ||
Line 417: | Line 417: | ||
display: block; | display: block; | ||
/* padding: calc((100vh - 150px - 20px*10)/(2*11)) 1em; */ | /* padding: calc((100vh - 150px - 20px*10)/(2*11)) 1em; */ | ||
− | padding: calc((100vh - (150px + 84px) - 30px* | + | padding: calc((100vh - (150px + 84px) - 30px*8)/(2*8)) 1em; /* In Style of page, replace "9"s with number of items in list */ /* calc((viewportHeight - (spaceAboveFirstItem + footerHeight) - heightOfTextAndSpaces*numberOfItems)/(twoPaddings*numberOfItems)) */ |
border-radius: 7px; | border-radius: 7px; | ||
/* background-color: var(--main-div-color, #545454); */ | /* background-color: var(--main-div-color, #545454); */ |
Revision as of 01:02, 20 September 2018