Difference between revisions of "User:Liath/Sandbox"

Revision as of 19:46, 7 February 2014

Page for testing stuff


Montagu House, Whitehall A picture from the Illustrated London News (1864). Following the Great Exhibition in 1851, key offices within the British Government were tasked with compiling information about state of the Empire, it's assets and more importantly it's enemies. After he withdrew from public office the former Lord President of the Council; Walter Montagu Douglas Scott, 5th Duke of Buccleuch^[1] had used his influence behind the scenes to ensure the completion of the Dossier for the relatively new monarch. The Buccleuch Dossier as it became known in inner circles was a top secret proposal for the protection of the British Empire first presented to Her Majesty Queen Victoria in the summer of 1853. The main body of the document detailed potential troubles that the Empire may face both at home and in the Colonies. Some of these troubles were mundane in nature; suspected native rebellions^[2] for example. Other dangers raised were much more esoteric and would subsequently become the basis of many works of fiction when some of the details of the report were leaked in the darkened rooms of gentlemen's clubs after a few too many brandies. In order to fight the threat of temporal visitors, civillizations beneath the surface of the earth and at the bottom of the oceans, otherworldy invaders and the strange dark advances in technologies and medicine which had been uncovered by the dossier, it was determined to gather a group of special individuals to act on behalf of the Crown and preserve the Empire. The Valiant, as this group became known within the highest ranks of the British Government, were given a base of operations within Montagu House in Whitehall; Buccleuch's London home which had recently been rebuilt with this in mind. Buccleuch himself became the first controller of the group due to his drive and vision in the compilation of the dossier. Amongst the early members of the group were an oddly featured scientist named Doctor Thaddius Wolf, the tall and powerfully built gentleman adventurer Sir Nathan Greystone,
19^TH Century	20^TH Century	21^ST Century

Sir Nathan Greystone
Doctor Thaddius Wolf		Doctor Thaddius Wolf
	Brigadier Steel
	Madame X
	Rook
	Howling Harry Cross
	Pendragon	Pendragon
		Magnus Lionheart
Notes: [1] Buccleuch [2] The actions of the East India Company were called into question in the report, and rightly so as the Indian Rebellion of 1857 showed.

Design & Typography (2007 - 2009)
Photography (2006 - 2009)
Object Oriented Programming (2005 - 2009)
Web Development (2004 - 2009)
3D Modeling and Rendering (2003 - 2006)
Drawing & Illustration (2003 - 2009)

2003
2004
2009

@@ Line 65: / Line 65: @@
 {{LiathCB}}
+<div class="timeline" style="width:800px;">
+    <ul class="events" style="list-style-type: none; margin: 0; padding: 0 0 20px 0;">
+        <li style="-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #eee; border: 1px solid #ddd; color: #707070; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding: 3px 0; position: relative; text-align: center; width: 42.48%; left: 57.2%;">Design &amp; Typography <em style="color: #aaa; font-weight: normal; font-size: 0.9em;">(2007 - 2009)</em></li>
+        <li style="-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #eee; border: 1px solid #ddd; color: #707070; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding: 3px 0; position: relative; text-align: center; width: 56.68%; left: 43%;">Photography <em style="color: #aaa; font-weight: normal; font-size: 0.9em;">(2006 - 2009)</em></li>
+        <li style="-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #eee; border: 1px solid #ddd; color: #707070; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding: 3px 0; position: relative; text-align: center; width: 71.3%; left: 28.4%;">Object Oriented Programming <em style="color: #aaa; font-weight: normal; font-size: 0.9em;">(2005 - 2009)</em></li>
+        <li style="-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #eee; border: 1px solid #ddd; color: #707070; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding: 3px 0; position: relative; text-align: center; width: 85.5%; left: 14.2%;">Web Development <em style="color: #aaa; font-weight: normal; font-size: 0.9em;">(2004 - 2009)</em></li>
+        <li style="-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #eee; border: 1px solid #ddd; color: #707070; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding: 3px 0; position: relative; text-align: center; width: 42.75%; left: 0;">3D Modeling and Rendering <em style="color: #aaa; font-weight: normal; font-size: 0.9em;">(2003 - 2006)</em></li>
+        <li style="-webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background: #eee; border: 1px solid #ddd; color: #707070; font-size: 1.2em; font-weight: bold; margin-bottom: 6px; padding: 3px 0; position: relative; text-align: center; width: 99.5%; left: 0;">Drawing &amp; Illustration <em style="color: #aaa; font-weight: normal; font-size: 0.9em;">(2003 - 2009)</em></li>
+    </ul> <!-- end .events -->
+    <ul class="intervals" style="list-style-type: none; padding: 0; display: block;">
+        <li class="first" style="/* The width depends on the number of intervals. For example 100 / 7 = 14.29% -- then subtract a little bit for room for the borders */ background: #fff; border-right: 1px solid #ccc; color: #999; float: left; font-size: 1.2em; margin: 0; padding: 15px 0; text-align: center; border-left: 1px solid #ccc; width: 33%;">2003</li>
+        <li style="background: #fff; border-right: 1px solid #ccc; color: #999; float: left; font-size: 1.2em; margin: 0; padding: 15px 0; text-align: center; width: 33%;">2004</li>
+        <li class="last" style="background: #fff; border-right: 1px solid #ccc; color: #999; float: left; font-size: 1.2em; margin: 0; padding: 15px 0; text-align: center; width: 33%;">2009</li>
+    </ul> <!-- end .intervals -->
+</div> <!-- end .timeline -->

Difference between revisions of "User:Liath/Sandbox"

Revision as of 19:46, 7 February 2014

Navigation menu

Personal tools

Namespaces

Variants

Views

Actions

Search

Navigation

Tools