Difference between revisions of "User:Liath/Sandbox"

From PRIMUS Database
Jump to: navigation, search
m
 
(83 intermediate revisions by the same user not shown)
Line 1: Line 1:
Page for testing stuff
+
<noinclude>[[User:Liath|> Liath]][[User:Liath/Subpages| > Subpages]]</noinclude>
 +
<noinclude>Page for testing stuff
 +
{{User:Liath/FloatMenu}}</noinclude>
  
 +
<noinclude>
 +
<div style="display:none">
 +
title=
 +
content=
 +
textcolor=
 +
textshadow=
 +
tabwidth=
 +
boxwidth=
 +
boxcurve=
 +
handle=
 +
backcolor=
 +
backfadeout=
  
<table style="background-color:transparent; border: 0px; width: 800px; overflow:hidden; height:auto;">
+
<div style="width:{{{tabwidth|300px}}}; border-top-left-radius:15px;border-top-right-radius:15px; padding:5px; padding-left: 15px; padding-right:15px; text-shadow: 0px 1px 2px {{{textshadow|black}}};background-color:{{{backcolor|rgba(0,0,153,1)}}}; color:{{{textcolor|white}}};"><b>{{{title|Tab Title}}}</b></div>
<tr><td colspan=3>[[file:Liath_Valiant_Logosmall.png|left]]</td></tr>
+
<div id="{{{handle|}}}" name="{{{handle|}}}" style="background-color:{{{backcolor|rgba(0,0,153,1)}}};
<tr><td colspan=3>
+
background: -webkit-linear-gradient(bottom, {{{backfadeout|rgba(0,0,0,0)}}}, {{{backcolor|rgba(0,0,153,1)}}} 100% ); /* For Safari 5.1 to 6.0 */
[[image:MontaguHouseWhitehall.jpg|300px|thumb|right|[http://en.wikipedia.org/wiki/Montagu_House,_Whitehall 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<sup style="font-size:75%;">[1]</sup> 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<sup style="font-size:75%;">[2]</sup> for example.<br><br>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.<br><br>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 Woof|Doctor Thaddius Wolf]], the tall and powerfully built gentleman adventurer [[Liath Leac-An-Teintein|Sir Nathan Greystone]],  
+
background: -o-linear-gradient(top, {{{backfadeout|rgba(0,0,0,0)}}}, {{{backcolor|rgba(0,0,153,1)}}} 100% ); /* For Opera 11.1 to 12.0 */
</td></tr>
+
background: -moz-linear-gradient(top, {{{backfadeout|rgba(0,0,0,0)}}}, {{{backcolor|rgba(0,0,153,1)}}} 100% ); /* For Firefox 3.6 to 15 */
<tr style="font-size:150%; text-align: center; padding:5px;">
+
background: linear-gradient(to top, {{{backfadeout|rgba(0,0,0,0)}}}, {{{backcolor|rgba(0,0,153,1)}}} 100% ); /* Standard syntax */  
<td style="vertical-align:top; padding:5px; width 30%;"><b>19<sup style="font-size:50%;">TH</sup> Century</b></td>
+
margin-bottom:20px; border-top-right-radius:{{{boxcurve|0px}}}; border-bottom-right-radius:{{{boxcurve|0px}}}; border-bottom-left-radius:{{{boxcurve|0px}}};">
<td style="vertical-align:top; padding:5px; width 30%;"><b>20<sup style="font-size:50%;">TH</sup> Century</b></td>
+
<div style="text-shadow: 0px 1px 2px {{{textshadow|black}}}; overflow:hidden; color:{{{textcolor|white}}}; text-align:left; margin-top:0px;">
<td style="vertical-align:top; padding:5px; width 30%;"><b>21<sup style="font-size:50%;">ST</sup> Century</b></td>
+
<div style="display:block; overflow-y:auto; margin:10px; margin-right:5px;">
</tr>
+
<div id="container" style="float: left;width:{{{boxwidth|100%}}}; min-height:100px; color:{{{textcolor|white}}};">
<tr style="font-size:100%; text-align: center; padding:5px;">
+
{{{content| }}}
<td style="vertical-align:top; padding:5px; width 30%; border: 2px solid black;"></td>
+
</div>
<td style="vertical-align:top; padding:5px; width 30%; border: 2px solid black;"></td>
+
</div>
<td style="vertical-align:top; padding:5px; width 30%; border: 2px solid black;"></td>
+
</div>
</tr>
+
</div>
<tr style="font-size:100%; text-align: center; padding:5px;">
+
</noinclude>
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Liath Leac-An-Teintein|Sir Nathan Greystone]]</td>
+
<noinclude>
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
<div style="position:relative; display:inline-block; padding: 0px;">
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
<div style="position:relative; background:{{{bgcolor|#eeeeff}}}; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: {{{borderwidth|3}}}px solid {{{bordercolor|#ccccff}}}; font: {{{fontsize|20px}}} {{{font|Times, serif}}}; color: {{{fontcolor|black}}}; overflow:hidden; display: inline-block; vertical-align: middle;">
</tr>
+
<div style="position: absolute; z-index: 1; bottom: 0px; right: 0px; margin-right: 5px;">[[File:RightQuote.png|right|bottom]]</div>
<tr style="font-size:100%; text-align: center; padding:5px;">
+
<div style="position: absolute; z-index: 1; top: 0px; margin-left: 5px; margin-top: 5px;">[[File:LeftQuote.png|left|top]]</div>
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Doctor Woof|Doctor Thaddius Wolf]]</td>
+
<div style="position: relative; z-index: 2; top: 0px; padding:0px; padding-left: 40px; padding-right: 40px; text-align:justify; max-width: 600px; min-width:300px; height: auto;">
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
{{{quotation|&nbsp;}}}
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Doctor Woof|Doctor Thaddius Wolf]]</td>
+
</div></div>
</tr>
+
<div style="text-align:right; padding-right: 5px; color: {{{bordercolor|#ccccff}}};">{{{source|&nbsp;}}}</div>
<tr style="font-size:100%; text-align: center; padding:5px;">
+
</div>
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
quotation=
<td colspan=1 style="vertical-align:top; width 60%; border: 2px solid black; padding:0px;">[[Brigadier Steel]]</td>
+
<br><br>'''optional extras:'''
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
<br>source=
</tr>
+
<br>bgcolor =  
<tr style="font-size:100%; text-align: center; padding:5px;">
+
<br>bordercolor =
<td colspan=1 style="vertical-align:top;width 30%; border: 0px solid black; padding:0px;"></td>
+
<br>borderwidth =
<td colspan=2 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Madame X]]</td>
+
<br>fontcolor = 
</tr>
+
<br>font =  
<tr style="font-size:100%; text-align: center; padding:5px;">
+
<br>fontsize =
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
</div>
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Rook]]</td>
+
</noinclude>
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
<noinclude>
</tr>
+
<div style="display:none">
<tr style="font-size:100%; text-align: center; padding:5px;">
+
<div style="position:relative; display:block; width:440px; height:680px; margin:10px; padding: 0px; border: 0px; overflow:hidden;">
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
<div style="position:absolute; z-index:1; left:20px; right:20px; top:40px; bottom: 40px; min-height:600px; vertical-align:middle;">[[file:{{{coverimage|Liath_Transparent.png}}}|400px|center]]</div>
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Howling Harry Cross]]</td>
+
<div style="position:absolute; z-index:2; bottom: 0px;">[[file:Liath_Comic_Fade.png|440px|center]]</div>
<td colspan=1 style="vertical-align:top; width 30%; border: 0px solid black; padding:0px;"></td>
+
<div style="position:absolute; z-index:3; top:50px; right:40px;">[[file: Liath_Comic_Title.png|300px|right]]</div>
</tr>
+
<div style="position:absolute; z-index:3; bottom: 165px; left: 25px;">[[file:Liath_Comic_Code.png|60px|right]]</div>
<tr style="font-size:100%; text-align: center; padding:5px;">
+
<div style="position:absolute; z-index:3; bottom: 40px; left: 30px;">[[file:Liath_Comic_BarCode.png|60px|left]]</div>
<td colspan=1 style="vertical-align:top;width 30%; border: 0px solid black; padding:0px;"></td>
+
<div style="position:absolute; z-index:3; bottom: 50px; right:30px; width:300px; overflow:hidden;"><span style="color:white; font-size:20px; font-style:bold; text-shadow: 0px -1px 0px black, -1px 0px 0px black, 0px 1px 0px black, 1px 0px 0px black, 1px 1px 2px black;">Featuring...</span><br>[[file:{{{characterlogo|Liath_Transparent.png}}}|250px|right]]</div>
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Pendragon]]</td>
+
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Pendragon]]</td>
+
</tr>
+
<tr style="font-size:100%; text-align: center; padding:5px;">
+
<td colspan=1 style="vertical-align:top;width 30%; border: 0px solid black; padding:0px;"></td>
+
<td colspan=1 style="vertical-align:top;width 30%; border: 0px solid black; padding:0px;"></td>
+
<td colspan=1 style="vertical-align:top; width 30%; border: 2px solid black; padding:0px;">[[Magnus Lionheart]]</td>
+
</tr>
+
  
 +
<div style="position:absolute; z-index:10;width:400px; height:600px; margin-left:20px; margin-top:40px; padding: 0px; border: 1px solid white; overflow:hidden; background-color:transparent; box-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
 +
<div style="position:absolute; z-index:11; top: 14px; left: 14px; width: 60px; margin:0px; padding: 0px; border: 0px solid black; text-align:left; font-weight: bold; font-size: 8px; overflow:hidden; border-bottom-right-radius:50px; background-color:transparent;">
 +
<table style="margin:0px; cell-spacing:0px; cell-padding:0px; padding:0px; border-spacing: 0px; border-collapse: collapse;"><tr><td style="width:30px; border: 1px solid black;background-color:white;text-align:center; white-space:nowrap;">{{{month|1}}}</td><td style="width:50px; border: 1px solid black; background-color:white; padding-left: 3px; white-space:nowrap;">{{{year|2009}}}</td></tr><tr><td colspan=2 style="width:80px; border: 1px solid black; background-color:white; padding-left: 3px; white-space:nowrap; font-size:10px;">50&cent;<br>&nbsp;</td></tr></table></div>
 +
<div style="position:relative; left: -73px; top:38px; z-index:12; width:250px; height:24px; margin:0px; padding: 2px; border: 4px solid black; text-align:center; font-weight: bold; font-size: 18px; overflow:hidden; background-color: #ffdd00; color:#800000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);">60 BIG PAGES</div>
 +
</div>
  
 +
<div style="position:absolute; z-index:15; display: block; font-size: 0; top: 0px; left: 0px;">
 +
[[file:Liath_Transparent.png|link={{{pagelink|Page of the Month}}}|440px|left]][[file:Liath_Transparent.png|link={{{pagelink|Page of the Month}}}|440px|left]]
 +
</div>
 +
</div>
  
<tr><td colspan=3>Notes:<br>
+
<div style="position:relative; display:block; width:220px; height:340px; margin:10px; padding: 0px; border: 0px; overflow:hidden;">
[1] [http://en.wikipedia.org/wiki/Walter_Montagu_Douglas_Scott,_5th_Duke_of_Buccleuch Buccleuch]<br>
+
<div style="position:absolute; z-index:1; left:10px; right:10px; top:20px; bottom: 20px; min-height:300px; vertical-align:middle;">[[file:{{{coverimage|Liath_Transparent.png}}}|200px|center]]</div>
[2] The actions of the East India Company were called into question in the report, and rightly so as the [http://en.wikipedia.org/wiki/Indian_Rebellion_of_1857 Indian Rebellion of 1857] showed.<br></td></tr>
+
<div style="position:absolute; z-index:2; bottom: 0px;">[[file:Liath_Comic_Fade.png|220px|center]]</div>
</table>
+
<div style="position:absolute; z-index:3; top:25px; right:15px;">[[file: Liath_Comic_Title.png|150px|right]]</div>
 +
<div style="position:absolute; z-index:3; top: 25px; left: 8px;">[[file:Liath_Comic_Code.png|30px|right]]</div>
 +
<div style="position:absolute; z-index:3; bottom: 15px; left: 15px;">[[file:Liath_Comic_BarCode.png|30px|left]]</div>
 +
<div style="position:absolute; z-index:3; bottom: 25px; right:15px; width:150px; overflow:hidden;"><span style="color:white; font-size:10px; font-style:bold; text-shadow: 0px -1px 0px black, -1px 0px 0px black, 0px 1px 0px black, 1px 0px 0px black, 0px 1px 1px black;">Featuring...</span><br>[[file:{{{characterlogo|Liath_Transparent.png}}}|125px|right]]</div>
  
{{LiathCB}}
+
<div style="position:absolute; z-index:10;width:200px; height:300px; margin-left:10px; margin-top:20px; padding: 0px; border: 1px solid white; overflow:hidden; background-color:transparent; box-shadow: 1px 1px 2px rgba(0,0,0,0.5);">
 +
<div style="position:absolute; z-index:11; top: 45px; left: 3px; width: 60px; margin:0px; padding: 0px; border: 0px solid black; text-align:left; font-weight: bold; font-size: 9px; overflow:hidden; background-color:transparent; text-shadow: 0px -1px 0px black, -1px 0px 0px black, 0px 1px 0px black, 1px 0px 0px black, 0px 1px 1px black; color:white;">{{{month|12}}}&nbsp;/&nbsp;{{{year|2014}}}</div>
 +
</div>
  
<div class="timeline" style="width:800px;">
+
<div style="position:absolute; z-index:15; display: block; font-size: 0; top: 0px; left: 0px;">
    <ul class="events" style="list-style-type: none; margin: 0; padding: 0 0 20px 0;">
+
[[file:Liath_Transparent.png|link={{{pagelink|Page of the Month}}}|220px|left]][[file:Liath_Transparent.png|link={{{pagelink|Page of the Month}}}|220px|left]]
        <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>
+
</div>
        <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>
+
</div>
        <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;">
+
<pre>{{User:Liath/Sandbox}}</pre>
        <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>
+
<pre>{{User:Liath/Sandbox
        <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>
+
| month =
    </ul> <!-- end .intervals -->
+
| year =
</div> <!-- end .timeline -->
+
| pagelink =
 +
| coverimage =
 +
| characterlogo =
 +
|
 +
|}}</pre>
 +
 
 +
</div>
 +
</noinclude>

Latest revision as of 09:24, 7 March 2016

> Liath > Subpages Page for testing stuff

Liath Knot.png
Liath Pencil.png
Liath Pic.png
Liath Top.png


title= content= textcolor= textshadow= tabwidth= boxwidth= boxcurve= handle= backcolor= backfadeout=

Tab Title


RightQuote.png
LeftQuote.png

 

 

quotation=

optional extras:
source=
bgcolor =
bordercolor =
borderwidth =
fontcolor =
font =
fontsize =


Liath Transparent.png
Liath Comic Fade.png
Liath Comic Title.png
Liath Comic Code.png
Liath Comic BarCode.png
Featuring...
Liath Transparent.png
12009
50¢
 
60 BIG PAGES
Liath Transparent.png
Liath Transparent.png
Liath Transparent.png
Liath Comic Fade.png
Liath Comic Title.png
Liath Comic Code.png
Liath Comic BarCode.png
Featuring...
Liath Transparent.png
12 / 2014
Liath Transparent.png
Liath Transparent.png
{{User:Liath/Sandbox}}
{{User:Liath/Sandbox
| month =
| year = 
| pagelink =
| coverimage =
| characterlogo = 
|
|}}