Template:TowersCharacterTemplate: Difference between revisions

From TowersWiki

No edit summary
No edit summary
 
(83 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#tag:css|a:link {color: #00008B;}
<includeonly>
   a:visited {color: #00008B;}
{{#tag:css|a:link {color: #0009AB;}
   a:hover {color: #AA4A44;}
   a:visited {color: #0009AB;}
 
   a:hover {color: #DE2110;}
#tag:TemplateMain {
#bcp {
  display: grid;
display: flex;
  grid-template-columns: 80vw 20vw;
flex-direction: column;
  gap: 50px 0px;  
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|&nbsp;}}}
</div>
<div id="bcpcolumns">
<div id="bcpleftcolumn" class="bcpcolumn">
<div class="bcpbox" id="Overview">
<div class="TitleBarLJust">Overview</div>
{{{Overview|&nbsp;}}}
</div>
<div class="bcpbox" id="bcprphooks">
<div class="TitleBarLJust">RP Hooks</div>
{{{rphooks|&nbsp;}}}
</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|&nbsp;}}}
</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|&nbsp;}}}
</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|&nbsp;}}}</div>
{{{profileimage|&nbsp;}}}
{{{!}}
{{{profile|&nbsp;}}}
{{!}}}
</div>
{{#if: {{{statistics|}}} |
<div class="bcpbox" id="bcpstatistics">
<div class="TitleBarCentered">Statistics</div>
{{{!}}
{{{statistics|&nbsp;}}}
{{!}}}
</div>
}}
}}
{{{rightcolumn|}}}
</div>
</div>
</div>
[[Category:Characters]]
</includeonly>

Latest revision as of 02:12, 16 March 2024