Difference between revisions of "Team:UCSC/CSS-2"

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: 15vw;
+
   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);
+
/*  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: #f11346;*/ /* poppy red, darker */
  background-color: #e91b63; /* 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