Jump to content

Template:SimpleTOC3/styles.css

From Wikisource
.stoc3-line {
  display: grid;
  grid-template-columns: max-content auto max-content; 
  grid-template-areas: "number chapter page";
 /* max-width: 36em; /* optional */
  align-items: flex-end; 
}

.stoc3-numb {
  grid-area: number;
  width: 2em; 
  vertical-align: top;
  vertical-align: text-top;
  text-align: right; /* optional, can be removed */
}

.stoc3-chap {
  grid-area: chapter;
  padding-left: .25em;
  position: relative;  
  overflow: hidden;  
}

.stoc3-chap::after {
  position: absolute;
  padding-left: .5em; /* customise the padding to your needs */
  padding-right: .25em;
  /* adjust the amount of dots to your needs */
  content: " . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . . . . ";
  text-align: right; /* optional, can be removed */
}

.stoc3-chap.stoc-nodots::after {
	content: "";
}

.stoc3-page {
  grid-area: page;
/*  max-width: 1.5em; /* optional */
  text-align: right; /* optional, can be removed */
}