|
|
| Line 1: |
Line 1: |
| <noinclude>
| |
| Based on a page design by [[User:DreadWraith]] and made into a template by [[User:Polk]]
| |
|
| |
|
| Example of use:
| |
|
| |
| <nowiki>{{</nowiki>BasicCharacterPage
| |
| | pagename=Bender
| |
| | titlefg=white
| |
| | titlebg=green
| |
| | fullname=Bender Rodriguez
| |
| | profileimage=<nowiki>[[File:Bender.jpg]]</nowiki>
| |
| | quote=Bite my shiny metal ass!
| |
| | biography=Blackmail is such an ugly word. I prefer extortion. The ‘x’ makes it sound cool.
| |
| | stereotypes=Somethingsomething
| |
| | rphooks=
| |
| * Bending
| |
| * Beer
| |
| * Killing all humans
| |
| | gallery=
| |
| <nowiki>[[File:Bender1.jpg]]</nowiki>
| |
| <nowiki>[[File:Bender2.jpg]]</nowiki>
| |
| <nowiki>[[File:Bender3.jpg]]</nowiki>
| |
| | profile=
| |
| <nowiki>{{!}}</nowiki> Species
| |
| <nowiki>{{!}}</nowiki> Robot
| |
| <nowiki>{{!}}</nowiki>-
| |
| <nowiki>{{!}}</nowiki> Age
| |
| <nowiki>{{!}}</nowiki> 5
| |
| | statistics=
| |
| <nowiki>{{!}}</nowiki> Gambling
| |
| <nowiki>{{!}}</nowiki> 🔴⚫️⚫️⚫️⚫️
| |
| <nowiki>{{!}}</nowiki>-
| |
| <nowiki>{{!}}</nowiki> Subterfuge
| |
| <nowiki>{{!}}</nowiki> 🔴🔴🔴🔴⚫️
| |
| <nowiki>}}</nowiki>
| |
|
| |
| Optional add-on arguments are <code>soundtrack</code>, which works the same as <code>rphooks</code> above, as well as <code>stereotypes</code> and <code>contacts</code> which are free-form.
| |
|
| |
|
| |
| And if you really want to customize, you can add entire new boxes with the <code>leftcolumn</code> or <code>rightcolumn</code> settings. For example:
| |
|
| |
| <pre><nowiki>
| |
| | leftcolumn=<div class="bcpbox"><div class="bcpboxtitle">Filmography</div>
| |
| stuff goes here
| |
| </div>
| |
| <div class="bcpbox"><div class="bcpboxtitle">Awards</div>
| |
| stuff goes here
| |
| </div>
| |
| | rightcolumn=<div class="bcpbox"><div class="bcpboxtitle">Aliases</div>
| |
| stuff goes here
| |
| </div>
| |
| <div class="bcpbox"><div class="bcpboxtitle">Confirmed kills</div>
| |
| stuff goes here
| |
| </div>
| |
| </nowiki></pre>
| |
|
| |
| </noinclude><includeonly>
| |
| {{#css:
| |
| #bcp {
| |
| display: flex;
| |
| flex-direction: column;
| |
| flex-wrap: nowrap;
| |
| justify-content: flex-start;
| |
| align-items: stretch;
| |
| align-content: stretch;
| |
|
| |
| font-size: 11pt;
| |
| }
| |
| #bcp table {
| |
| width: 100%;
| |
| }
| |
| #bcp table tr td:nth-child(1) {
| |
| font-weight: bold;
| |
| text-align: left;
| |
| }
| |
|
| |
| #bcp table tr td:nth-child(2) {
| |
| text-align: right;
| |
| }
| |
| .bcpboxtitle {
| |
| color: {{{titlefg|white}}};
| |
| background: {{{titlebg|darkblue}}};
| |
| text-align: center;
| |
| font-size: 1.2em;
| |
| font-weight: bold;
| |
| margin: 5px 0;
| |
| }
| |
| #bcpquote {
| |
| text-align: center;
| |
| font-style: italic;
| |
| }
| |
|
| |
| #bcplogs li {
| |
| list-style-type: none;
| |
| }
| |
| #bcpcolumns {
| |
| display: flex;
| |
| flex-wrap: nowrap;
| |
| justify-content: flex-start;
| |
| align-items: stretch;
| |
| align-content: stretch;
| |
| }
| |
| @media (max-width: 990px) {
| |
| #bcpcolumns {
| |
| flex-direction: column-reverse;
| |
| }
| |
| }
| |
| @media (min-width: 991px) {
| |
| #bcpcolumns {
| |
| flex-direction: row;
| |
| }
| |
| #bcprightcolumn {
| |
| max-width: 25%;
| |
| }
| |
| #bcpleftcolumn {
| |
| max-width: 75%;
| |
| }
| |
| }
| |
| #bcpleftcolumn {
| |
| flex-grow: 3;
| |
| padding: 5px;
| |
| }
| |
| #bcpgallery p {
| |
| margin: 0;
| |
| text-align: center;
| |
| }
| |
|
| |
| #bcpgallery img {
| |
| max-width: 30% !important;
| |
| height: auto !important;
| |
| }
| |
| #bcplogs {
| |
| text-align: center;
| |
| }
| |
| #bcprightcolumn {
| |
| flex-grow: 1;
| |
| padding: 5px;
| |
| }
| |
| #bcpname p {
| |
| margin: 0;
| |
| }
| |
| #bcpname img {
| |
| min-width: 100%;
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| }}
| |
| <div id="bcp">
| |
| <div id="bcpquote">
| |
| {{{quote| }}}
| |
| </div>
| |
| <div id="bcpcolumns">
| |
| <div id="bcpleftcolumn" class="bcpcolumn">
| |
| <div class="bcpbox" id="bcpbiography">
| |
| <div class="bcpboxtitle">Biography</div>
| |
| {{{biography| }}}
| |
| </div>
| |
| <div class="bcpbox" id="bcprphooks">
| |
| <div class="bcpboxtitle">RP Hooks</div>
| |
| {{{rphooks| }}}
| |
| </div>
| |
| {{#if: {{{contacts|}}} |
| |
| <div class="bcpbox" id="bcpcontacts">
| |
| <div class="bcpboxtitle">Contacts</div>
| |
| {{{contacts}}}
| |
| </div>
| |
| }}
| |
| {{#if: {{{stereotypes|}}} |
| |
| <div class="bcpbox" id="bcpstereotypes">
| |
| <div class="bcpboxtitle">Stereotypes</div>
| |
| {{{stereotypes}}}
| |
| </div>
| |
| }}
| |
| {{#if: {{{filmography|}}} |
| |
| <div class="bcpbox" id="bcpstereotypes">
| |
| <div class="bcpboxtitle">Filmography</div>
| |
| {{{filmography}}}
| |
| </div>
| |
| }}
| |
| <div class="bcpbox" id="bcpgallery">
| |
| <div class="bcpboxtitle">Gallery</div>
| |
| {{{gallery| }}}
| |
| </div>
| |
| <div class="bcpbox" id="bcplogs">
| |
| <div class="bcpboxtitle">Logs</div>
| |
| {{#dpl:
| |
| |linksto={{{pagename|}}}
| |
| |category=Logs
| |
| |noresultsheader=No logs found!
| |
| }}
| |
| </div>
| |
| {{{leftcolumn|}}}
| |
| </div>
| |
| <div id="bcprightcolumn" class="bcpcolumn">
| |
| <div class="bcpbox" id="bcpname">
| |
| <div class="bcpboxtitle">{{{fullname| }}}</div>
| |
| {{{profileimage| }}}
| |
| {{{!}}
| |
| {{{profile| }}}
| |
| {{!}}}
| |
| </div>
| |
| {{#if: {{{statistics|}}} |
| |
| <div class="bcpbox" id="bcpstatistics">
| |
| <div class="bcpboxtitle">Statistics</div>
| |
| {{{!}}
| |
| {{{statistics| }}}
| |
| {{!}}}
| |
| </div>
| |
| }}
| |
| {{#if: {{{soundtrack|}}} |
| |
| <div class="bcpbox" id="bcpsoundtrack">
| |
| <div class="bcpboxtitle">Soundtrack</div>
| |
| {{{soundtrack| }}}
| |
| </div>
| |
| }}
| |
| {{{rightcolumn|}}}
| |
| </div>
| |
| </div>
| |
| </div>
| |
| [[Category:Characters]]
| |
| </includeonly>
| |
