|
|
Post by Yami on Apr 17, 2017 14:54:58 GMT
[googlefont=Open+Sans]  PROLOGUE WHAT HAPPENED AND WHAT IS GOING ON? SETTING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam euismod tempus cursus. Morbi nisi nunc, fringilla ac faucibus vitae, convallis et elit. In hac habitasse platea dictumst. Ut vitae neque et metus venenatis placerat. Nullam lacinia egestas volutpat. Donec sagittis sit amet nisl sit amet finibus. Aliquam erat volutpat. In nec purus eget lorem semper bibendum a sed augue. [googlefont=Montserrat] |
|
|
|
Post by Yami on Apr 17, 2017 14:56:04 GMT
[attr="class","timeline"] - additional notes can be added regarding the event. just put it in italics before the timeline.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.
- 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.
- 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.
[/blockquote] [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]
|
|
