Line 342: | Line 342: | ||
margin-bottom: calc(-1000px - 16px - 5vh); /* height of toc to compensate */ | margin-bottom: calc(-1000px - 16px - 5vh); /* height of toc to compensate */ | ||
height: 1000px; /* big enough to hold list of any size */ | height: 1000px; /* big enough to hold list of any size */ | ||
− | width: | + | width: 10vw; |
min-width: 200px; | min-width: 200px; | ||
padding: 5px; | padding: 5px; | ||
Line 381: | Line 381: | ||
padding: calc((100vh - (150px + 84px) - 30px*9)/(2*9)) 1em; /* In Style of page, replace "9"s with number of items in list */ /* calc((viewportHeight - (spaceAboveFirstItem + footerHeight) - heightOfTextAndSpaces*numberOfItems)/(twoPaddings*numberOfItems)) */ | padding: calc((100vh - (150px + 84px) - 30px*9)/(2*9)) 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); */ | |
color: white !important; | color: white !important; | ||
+ | color: var(--main-txt-color, #707070) !important; | ||
transition: .3s; | transition: .3s; | ||
text-decoration: none; | text-decoration: none; | ||
Line 401: | Line 402: | ||
.float-toc a { | .float-toc a { | ||
padding: calc((100vh - (150px + 84px) - 30px*9)/(4*9)) 1em; /* In Style of page, replace "9"s with number of items in list */ /* calc((viewportHeight - (spaceAboveFirstItem + footerHeight) - heightOfTextAndSpaces*numberOfItems)/(twoPaddings*numberOfItems)) */ | padding: calc((100vh - (150px + 84px) - 30px*9)/(4*9)) 1em; /* In Style of page, replace "9"s with number of items in list */ /* calc((viewportHeight - (spaceAboveFirstItem + footerHeight) - heightOfTextAndSpaces*numberOfItems)/(twoPaddings*numberOfItems)) */ | ||
− | + | /* background-color: #f11346;*/ /* poppy red, darker */ | |
− | + | /* background-color: #e91b63;*/ /* poppy red, darker */ | |
} | } | ||
.float-toc a:hover { | .float-toc a:hover { | ||
background-color: var(--main-div-color, #444444); | background-color: var(--main-div-color, #444444); | ||
+ | color: #e91b63; | ||
} | } | ||
Revision as of 19:37, 19 September 2018