Difference between revisions of "Team:UCSC/CSS"

Line 323: Line 323:
  
  
/*----- Table of Contents -----*/
+
/*----- Table of Contents -----*/ /* TODO: clean up unused code after switching to "toc" and "page-list" */
  
.float-toc, .float-toc-r {
+
.float-toc, .float-page-list {
 
   display: block;
 
   display: block;
 
   position: -webkit-sticky; /* Safari */
 
   position: -webkit-sticky; /* Safari */
Line 340: Line 340:
 
}
 
}
  
/* Right Side ToC */
+
.float-page-list {
.float-toc-r {
+
  display: hidden;
 +
}
 +
 
 +
/* Page Lists (not used) */
 +
.float-page-list {
 
   float: right;
 
   float: right;
 
   padding: 5px;
 
   padding: 5px;
Line 347: Line 351:
 
}
 
}
  
 +
/*
 
.float-toc-r.left {
 
.float-toc-r.left {
 
   float: left;
 
   float: left;
 
   text-align: right;
 
   text-align: right;
}
+
} */
  
.float-toc h5, .float-toc-r h6 {
+
.float-toc h6 {
 
   padding: 0;
 
   padding: 0;
 
}
 
}
  
.float-toc h5 {
+
.float-page-list h5 {
 
   color: var(--main-div-color, #545454);
 
   color: var(--main-div-color, #545454);
 
}
 
}
  
.float-toc li, .float-toc-r li {
+
.float-toc li, .float-page-list li {
 
   list-style-type: none;
 
   list-style-type: none;
 
}
 
}
  
.float-toc a, .float-toc-r a {
+
.float-toc a, .float-page-list a {
 
   display: block;
 
   display: block;
 
/*  padding: calc((100vh - 150px - 20px*10)/(2*11)) 1em; */
 
/*  padding: calc((100vh - 150px - 20px*10)/(2*11)) 1em; */
Line 375: Line 380:
 
}
 
}
  
.float-toc.team-pages {
+
.float-page-list.team-pages {
 
   display: none;
 
   display: none;
 
}
 
}
Line 383: Line 388:
 
}
 
}
  
.float-toc a:hover {
+
.float-page-list a:hover {
 
   background-color: #f52153; /* poppy red */
 
   background-color: #f52153; /* poppy red */
 
}
 
}
  
.float-toc-r 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 */
 
}
 
}
  
.float-toc-r a:hover {
+
.float-toc a:hover {
 
   background-color: var(--main-div-color, #444444);
 
   background-color: var(--main-div-color, #444444);
 
}
 
}

Revision as of 17:12, 17 September 2018