Difference between revisions of "Dev/Timeline"

Line 26: Line 26:
 
h2.tl-month-name {
 
h2.tl-month-name {
 
text-align: center;
 
text-align: center;
 +
font-color: #4e606e;
 
background-color: #f2f2f2;
 
background-color: #f2f2f2;
 
width: 8em;
 
width: 8em;
Line 37: Line 38:
 
position: absolute;
 
position: absolute;
 
width: 3px;
 
width: 3px;
−
background-color: red;
+
background-color: #4e606e;
−
z-index: 10;
+
z-index: -1;
 
margin: auto;
 
margin: auto;
 
left: 0;
 
left: 0;
Line 44: Line 45:
 
top: 0;
 
top: 0;
 
bottom: 0;
 
bottom: 0;
 +
}
 +
 +
.tl-event-left, .tl-event-right {
 +
position: relative;
 +
border-top: 1px dotted black;
 +
padding-top: 0.5em;
 +
width: 50%;
 +
}
 +
 +
.tl-event-left {
 +
/*left: 0;/*
 +
padding-left: 1em;
 +
padding-right: 2em;
 +
}
 +
.tl-event-right {
 +
margin-left: 50%;
 +
padding-right: 1em;
 +
padding-left: 2em;
 
}
 
}
 
</style>
 
</style>
Line 54: Line 73:
 
<div class="tl-month-container" id="tl-may">
 
<div class="tl-month-container" id="tl-may">
 
<h2 class="tl-month-name">May</h2>
 
<h2 class="tl-month-name">May</h2>
−
 
+
<div class="tl-event-left">
−
Cat ipsum dolor sit amet. If it fits, i sits swat at dog, or destroy couch, or curl up on your pillow, yet shake treat bag jump off balcony, onto stranger's head. Stare at ceiling eat and than sleep on your face refuse to leave cardboard box so spot something, big eyes, big eyes, crouch, shake butt, prepare to pounce for white cat sleeps on a black shirt yet my left donut is missing, as is my right wake up human for food at 4am. Intently sniff hand climb a tree, wait for a fireman jump to fireman then scratch his face spit up on light gray carpet instead of adjacent linoleum. Chase red laser dot asdflkjaertvlkjasntvkjn (sits on keyboard) but purr for no reason and roll on the floor purring your whiskers off, stick butt in face brown cats with pink ears lounge in doorway. Rub face on owner.
+
<h3>Left Event</h3>
 +
This event should end up on the left. Cat ipsum dolor sit amet, sphynx yet grimalkin. Siberian savannah. Donskoy. Panther. Siamese. Singapura ocicat siberian and abyssinian , yet tom bengal. Munchkin. Turkish angora egyptian mau.
 
</div>
 
</div>
 +
<div class="tl-event-right">
 +
<h3>Right Event</h3>
 +
Right hand side event. Singapura norwegian forest cougar thai ocicat. Tabby abyssinian , or scottish fold. Devonshire rex kitty but thai maine coon or cougar sphynx and himalayan. Persian puma manx balinese so lion. Sphynx scottish fold, ocelot panther but manx for devonshire rex but cornish rex. Singapura singapura. Puma ocelot. Leopard. Ragdoll himalayan but thai yet leopard thai so siberian. Leopard panther turkish angora but tabby.
 +
</div>
 +
</div>
 +
 
</div>
 
</div>
  
 
</html>
 
</html>

Revision as of 21:35, 9 December 2015

May

Left Event

This event should end up on the left. Cat ipsum dolor sit amet, sphynx yet grimalkin. Siberian savannah. Donskoy. Panther. Siamese. Singapura ocicat siberian and abyssinian , yet tom bengal. Munchkin. Turkish angora egyptian mau.

Right Event

Right hand side event. Singapura norwegian forest cougar thai ocicat. Tabby abyssinian , or scottish fold. Devonshire rex kitty but thai maine coon or cougar sphynx and himalayan. Persian puma manx balinese so lion. Sphynx scottish fold, ocelot panther but manx for devonshire rex but cornish rex. Singapura singapura. Puma ocelot. Leopard. Ragdoll himalayan but thai yet leopard thai so siberian. Leopard panther turkish angora but tabby.