Template:TowersCharacterTemplate: Difference between revisions
From TowersWiki
No edit summary |
No edit summary |
||
(84 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{#tag:css|a:link {color: # | <includeonly> | ||
a:visited {color: # | {{#tag:css|a:link {color: #0009AB;} | ||
a:hover {color: # | a:visited {color: #0009AB;} | ||
a:hover {color: #DE2110;} | |||
# | #bcp { | ||
display: flex; | |||
flex-direction: column; | |||
flex-wrap: nowrap; | |||
justify-content: flex-start; | |||
align-items: stretch; | |||
align-content: stretch; | |||
font-family: "Goudy Old Style", Garamond, serif; | |||
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; | |||
} | |||
.TitleBarLJust { | |||
color: {{{TitleTextColor|#F5F5F5}}}; | |||
background: {{{TitleBGColor|#0009AB}}}; | |||
text-align: left; | |||
text-indent: 5px; | |||
font-family: serif; | |||
font-size: 1.3em; | |||
font-weight: bold; | |||
margin: 5px 0; | |||
border-radius: 5px; | |||
} | |||
.TitleBarCentered { | |||
color: {{{TitleTextColor|#F5F5F5}}}; | |||
background: {{{TitleBGColor|#0009AB}}}; | |||
text-align: center; | |||
text-indent: 5px; | |||
font-family: serif; | |||
font-size: 1.3em; | |||
font-weight: bold; | |||
margin: 5px 0; | |||
border-radius: 5px; | |||
} | |||
#banner { | |||
text-align: left; | |||
font-style: italic; | |||
} | |||
#Logs li { | |||
column-count: 2; | |||
list-style-type: none; | |||
text-align: center; | |||
} | |||
#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; | |||
} | |||
#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="banner"> | |||
{{{banner| }}} | |||
</div> | |||
<div id="bcpcolumns"> | |||
<div id="bcpleftcolumn" class="bcpcolumn"> | |||
<div class="bcpbox" id="Overview"> | |||
<div class="TitleBarLJust">Overview</div> | |||
{{{Overview| }}} | |||
</div> | |||
<div class="bcpbox" id="bcprphooks"> | |||
<div class="TitleBarLJust">RP Hooks</div> | |||
{{{rphooks| }}} | |||
</div> | |||
{{#if: {{{contacts|}}} | | |||
<div class="bcpbox" id="bcpcontacts"> | |||
<div class="TitleBarLJust">Contacts</div> | |||
{{{contacts}}} | |||
</div> | |||
}} | |||
{{#if: {{{stereotypes|}}} | | |||
<div class="bcpbox" id="bcpstereotypes"> | |||
<div class="TitleBarLJust">Stereotypes</div> | |||
{{{stereotypes}}} | |||
</div> | |||
}} | |||
<div class="bcpbox" id="bcpgallery"> | |||
<div class="TitleBarLJust">Gallery</div> | |||
{{{gallery| }}} | |||
</div> | |||
<div class="bcpbox" id="Logs"> | |||
<div class="TitleBarLJust">Logs</div> | |||
{{#dpl: | |||
|linksto={{{pagename|}}} | |||
|category=Logs | |||
|noresultsheader=No logs found! | |||
}} | |||
</div> | |||
{{#if: {{{soundtrack|}}} | | |||
<div class="bcpbox" id="bcpsoundtrack"> | |||
<div class="TitleBarLJust">Soundtrack</div> | |||
{{{soundtrack| }}} | |||
</div> | |||
}} | |||
{{#if: {{{filmography|}}} | | |||
<div class="bcpbox" id="bcpstereotypes"> | |||
<div class="TitleBarLJust">Filmography</div> | |||
{{{filmography}}} | |||
</div> | |||
}} | |||
{{{leftcolumn|}}} | |||
</div> | |||
<div id="bcprightcolumn" class="bcpcolumn"> | |||
<div class="bcpbox" id="bcpname"> | |||
<div class="TitleBarCentered">{{{fullname| }}}</div> | |||
{{{profileimage| }}} | |||
{{{!}} | |||
{{{profile| }}} | |||
{{!}}} | |||
</div> | |||
{{#if: {{{statistics|}}} | | |||
<div class="bcpbox" id="bcpstatistics"> | |||
<div class="TitleBarCentered">Statistics</div> | |||
{{{!}} | |||
{{{statistics| }}} | |||
{{!}}} | |||
</div> | |||
}} | }} | ||
{{{rightcolumn|}}} | |||
</div> | |||
</div> | |||
</div> | |||
[[Category:Characters]] | |||
</includeonly> |