Post by Caleb Smith on May 19, 2017 9:05:41 GMT
[attr="class","timeline"]
[li][/li]
Day 1 - The waiting[li]Early Morning WaitingWho'd have thought sitting and waiting would be so boring. At least I've got deer and wolves for target practice.[/li]
[li]TIMELINELorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[/li]
[li]TIMELINELorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[/li]
[li][/li]
Interval you can add. Make sure to include the li on the left so it doesn't screw up the alternation in the template.
[li]want to insert a new event between two existing ones? just do it as you would normally add an event. everything is automaticTIMELINELorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[/li]
[li]TIMELINE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.[/li]
[/ul][/div][/div]
coded by tbotc
[newclass=.timeline blockquote]text-align:center; font-size: 11px; width: 250px; line-height:13px; padding: 20px 10px; border: 1.5px solid; margin: auto;[/newclass][newclass=.timeline ul li]list-style: none; font-size:10px;text-align:justify;padding:10px; line-height: 14px;[/newclass][newclass=.timeline ul li b]display: block; font-family:courier new;font-size:13px;border-bottom:2px dotted;width:150px; margin: 5px 0px; padding: 5px 10px; [/newclass][newclass=.timeline ul li i]display: block; width: 120px; padding: 10px; font-size: 10px; color: transparent;[/newclass][newclass=.timeline ul li i:hover] color: #aeaeae; filter: alpha(opacity=1);[/newclass][newclass=.timeline ul li i img] max-height: 60px; opacity: 0; [/newclass][newclass=.timeline ul li i img:hover] opacity: 0.8; [/newclass]
[newclass=.timeline ul li i:before]content: "!"; background-color: #912121; padding: 0px 4px; font-size: 8px; color: #080808; font-style: normal; font-weight: bold;[/newclass][newclass=.timeline ul li:nth-child(2n+1) i:before] margin-left: -30px; float: left; [/newclass][newclass=.timeline ul li:nth-child(2n) i:before]margin-right: -30px; float:right;[/newclass]
[newclass=.timeline ul li:nth-child(2n+1)] width:249px;border-right:1.5px solid; [/newclass][newclass=.timeline ul li:nth-child(2n+1) b]text-align:right;margin-left:auto;[/newclass][newclass=.timeline ul li:nth-child(2n+1) i]float: right; margin-right: -160px; text-align:left;[/newclass][newclass=.timeline ul li:nth-child(2n)]width:249px;border-left:1.5px solid;margin-left:auto;[/newclass][newclass=.timeline ul li:nth-child(2n) i]float: left; margin-left: -160px; text-align: right;[/newclass]