Template:User info: Difference between revisions

From Wikimedia UK
Jump to navigation Jump to search
(Remove changes.)
(Copy from sandbox.)
Line 18: Line 18:
</div>
</div>


<div style="width:410px; float:right; margin-top:-10px; margin-right:50px; color:#000; font-size:42px; font-family:Calibri, Verdana, Arial, sans-serif; line-height:0.5em;position:absolute;right:0;">
<div style="float:left; margin-top:-10px; margin-right:50px; color:#000; text-align:left; font-size:42px; font-family:Calibri, Verdana, Arial, sans-serif; line-height:0.5em;">
<p style="margin:15px 0 0;">'''{{{greeting|Hi there!}}}'''</p>
<p style="margin:15px 0 0;">'''{{{name|John Doe}}}'''</p>
<div style="font-size: 24px; line-height7px;">{{#ifexist:{{{job title|job title}}}|[[{{{job title|job title}}}]]|{{{job title|Mouse-chaser}}}}}, Wikimedia UK</div>
<div style="padding-top: 10px; font-size: 15px;"><i>{{{short quote|}}}</i></div>
</div>


<p style="font-size:14px; margin:0; line-height:1.5em; color:#555;">I'm {{{name|John Doe}}} and I work for Wikimedia UK as their {{{role|mouse-chaser}}}.</p>
<div style="float:right; margin-top:10px; margin-bottom:10px; margin-right:10px; text-align:right;">
[[{{#if:{{{imagename|}}}|{{{imagename}}}|File:WMUK office - clocks.jpg}}|250px|{{{hover text|}}}]]
</div>
</div>
</div>
</div>


{| style="width:100%; background:none; border:0; padding:0; margin:0; border-spacing:0; font-family:Calibri, Verdana, sans-serif; font-size:14px;"
{| style="width:100%; background:none; border:0; padding:0; margin:0; border-spacing:0; font-family:Calibri, Verdana, sans-serif; font-size:14px;"
| style="width:45%; padding-right:10px;" |
| style="width:35.5%; padding-right:10px;" |
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:180px; padding:5px 15px;">
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:180px; padding:5px 15px;">
'''Biography'''&nbsp;&nbsp;&nbsp;{{{bio|foo}}}
'''Biography'''&nbsp;&nbsp;&nbsp;{{{bio|foo}}}
</div>
</div>
| style="width:35%;" |
| style="width:35.5%;" |
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:180px; padding:5px 15px;">
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:180px; padding:5px 15px;">
'''What I do'''&nbsp;&nbsp;&nbsp;{{{work|foo}}}
'''What I do'''&nbsp;&nbsp;&nbsp;{{{work|foo}}}
</div>
</div>
| style="width:20%; padding-left:10px;" |
| style="width:25%; padding-left:10px;" |
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:180px; padding:5px 15px;">
<div style="border:0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background:white; background: #fff; background: -moz-linear-gradient(top, #fff 75%, #F5F5F5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#fff), color-stop(100%,#F5F5F5)); background: -webkit-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -o-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: -ms-linear-gradient(top, #fff 75%,#F5F5F5 100%); background: linear-gradient(top, #fff 75%,#fff 100%); min-height:180px; padding:5px 15px;">
[[{{{imagename|File:Replace this image male.png}}}|{{{width|170px}}}|center]]
'''Contact me'''&nbsp;&nbsp;&nbsp;{{{contact|foo}}}
</div>
</div>
|}
|}
<noinclude>
== Usage ==
<pre>
{{Staff userpage
|name=
|job title=
|short quote=
|imagename= <-- Include "File:" --!>
|hover text= <-- What would you like to appear when the image is hovered over? --!>
|bio=
|work=
|contact=
}}</pre>
</noinclude>

Revision as of 16:44, 9 March 2012

About me Other staff Talk to me
Wikimedia UK logo.svg

John Doe

Mouse-chaser, Wikimedia UK

WMUK office - clocks.jpg

Biography   foo

What I do   foo

Contact me   foo

Usage

{{Staff userpage
|name=
|job title=
|short quote=
|imagename= <-- Include "File:" --!>
|hover text= <-- What would you like to appear when the image is hovered over? --!>
|bio=
|work=
|contact=
}}
Retrieved from "https://dev.wikimedia.org.uk/w/index.php?title=Template:User_info&oldid=19938"