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: | + | background-color: #4e606e; |
− | z-index: | + | 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 | + | <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