User

Domino/Timeline interactive/styles.css

From Dogcraft Wiki

(Created page with " →‎Elem | https://dogcraft.net/wiki/User:Domino/Timeline_interactive: #timeline { grid-template-columns: 1fr 3px 1fr; background: linear-gradient(to right, transparent...")
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 5: Line 5:
   grid-template-columns: 1fr 3px 1fr;
   grid-template-columns: 1fr 3px 1fr;
   background: linear-gradient(to right, transparent calc(50% - 2px), gray calc(50% - 2px), gray calc(50% + 2px), transparent calc(50% + 2px));
   background: linear-gradient(to right, transparent calc(50% - 2px), gray calc(50% - 2px), gray calc(50% + 2px), transparent calc(50% + 2px));
  display:grid;
}
}


Line 16: Line 17:
#timeline li {
#timeline li {
   margin-bottom: .8em;
   margin-bottom: .8em;
  display: ;
}
}



Latest revision as of 20:09, 23 January 2023

/* Elem | https://dogcraft.net/wiki/User:Domino/Timeline_interactive */

#timeline {
  grid-template-columns: 1fr 3px 1fr;
  background: linear-gradient(to right, transparent calc(50% - 2px), gray calc(50% - 2px), gray calc(50% + 2px), transparent calc(50% + 2px));
  display:grid;
}

/* Beágyazott #9 | https://dogcraft.net/wiki/User:Domino/Timeline_interactive */

#timeline h2, #timeline h3, #timeline h4 {
  grid-column: span 3;
  text-align: center;
}

#timeline li {
  margin-bottom: .8em;
}

#timeline ul:nth-of-type(2n-1) {
  grid-column: 1;
  margin-right: 1em;	
}

#timeline ul:nth-of-type(2n) {
  grid-column: 3;
  margin-left: 1em;
}

#timeline ul {
  padding: 15px;
  background: lightgray;
  margin: 1em auto;
  list-style: none;
}

#timeline h4 span {
  background: white;
  padding: 5px;
}

#timeline h3 {
  background: white;
  border-bottom: 1px solid;
  position: sticky;
  top: 110px;
}