Difference between revisions of "Dev/Timeline"

Line 55: Line 55:
 
padding-top: 0.5em;
 
padding-top: 0.5em;
 
width: 49%;
 
width: 49%;
 +
clear: both;
 
}
 
}
  
Line 67: Line 68:
 
padding-right: 1em;
 
padding-right: 1em;
 
padding-left: 2em;
 
padding-left: 2em;
 +
}
 +
.tl-alongside {
 +
clear: none !important;
 
}
 
}
 
</style>
 
</style>
Line 77: Line 81:
 
<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">
+
<div class="tl-event-left tl-alongside">
 
<h3>Left Event</h3>
 
<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.
+
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. 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. 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 class="tl-event-right">
+
<div class="tl-event-right tl-alongside">
 
<h3>Right Event</h3>
 
<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.
+
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.
 
</div>
 
</div>
 +
<div class="tl-event-left">Foo bar.</div>
 +
<div class="tl-event-right">Baz</div>
 
</div>
 
</div>
  

Revision as of 22:05, 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. 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. 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.

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.
Foo bar.
Baz