User:GwenoraTasen/CharacterTemplateSandbox: Difference between revisions

Fixing my templates...
(I wanted to get these on a separate page...)
(Fixing my templates...)
Line 2: Line 2:
<div style="background-color: #dce1e6; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #0c5c9c;">
<div style="background-color: #dce1e6; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #0c5c9c;">
{{#CSS:
{{#CSS:
.wood {
.wood { /* Used to change the award/service ribbon to be grey instead of the funky wood color */
   border-radius: 15px;
   border-radius: 15px;
   padding-bottom: 15px;
   padding-bottom: 15px;
   background-color: #343434 !important;
   background-color: #343434 !important;
}
}
.gwenservice table tbody tr th {
.gwenservice table tbody tr th { /* pretty styling for the service table */
   border-radius: 15px;
   border-radius: 15px;
   padding-left: 5px;
   padding-left: 5px;
Line 13: Line 13:
   padding-bottom: 15px;
   padding-bottom: 15px;
}
}
.gwenservice table tbody tr th table tbody tr th {
.gwenservice table tbody tr th table tbody tr th { /* pretty styling for the service table */
   border-radius: 0px;
   border-radius: 0px;
   padding-left: 0px;
   padding-left: 0px;
Line 19: Line 19:
   padding-bottom: 0px;
   padding-bottom: 0px;
}
}
.gwencrewnav table {
.gwencrewnav table { /* pretty styling for the crew nav table */
   border-width: 15px 5px 5px 5px !important;
   border-width: 15px 5px 5px 5px !important;
   border-radius: 15px;
   border-radius: 15px;
   border-color: #343434;
   border-color: #343434;
}
.serialpoof { /* use if you want to hide anything in the navbar, I used it to hide starfleet serial numbers for PNPCs, can be used anywhere */
  height: 0px;
  color: black;
  font-size: 0;
}
.gwentitlebar {
  cursor:pointer;
  overflow: hidden;
}
.gwencontentbump {
  padding-left: 20px;
  overflow: hidden;
}
.gwencontent {
  overflow: hidden;
}
.gwenrelationship {
  background-color: white;
  margin: 15px;
  border-left: 6px solid steelblue;
  border-radius: 16px;
  display: flex;
}
}
}}
}}
Line 29: Line 52:
|FirstName = First
|FirstName = First
|LastName = Last
|LastName = Last
|Ship = Astraeus
|Ship = X
|UserName = GwenoraTasen
|UserName = XXXXX
|Rank = Ensign
|Rank = Ensign
|Style = PIC
|Style = PIC
|Post = Science/Medical
|Post = X
|Color = Blue
|Color = Blue  
|Color2 = Black
|Color2 = Black
|Color3 = Blue
|Color3 = Blue
|Species = Species
|Species = Species
|Gender = Female
|Gender = X
|Serial = GW - 050 - 001
|Serial = XX - XXX - XXX
|BirthMonth = 05
|BirthMonth = 01
|BirthDate = 01
|BirthDate = 01
|BirthYear = 2249
|BirthYear = 2401
|BirthPlace = Birth Place  
|BirthPlace = Birth Place  
|Extra =  
|Extra =  
<!--* '''Records'''
<!--* '''Records'''
** [[Gwen'ora_Tasen/Academy Transcript|Academy Transcripts]]
** [[#/Academy Transcript|Academy Transcripts]]
** [[Gwen'ora_Tasen/Medical Record|Medical Record]]
** [[#/Medical Record|Medical Record]]
* '''Log Entries'''
* '''Log Entries'''
** [[Gwen'ora_Tasen/Mission Logs|Mission Log]]
** [[#/Mission Logs|Mission Log]]
** [[Gwen'ora_Tasen/Personal Log|Personal Log]]
** [[#/Personal Log|Personal Log]]
!-->
!-->
}}
}}
<div style="background-color: #dce1e6; border-radius:40px; width:75%;">
<div style="background-color: #dce1e6; border-radius:40px; width:100%;">
{{QuoteSimple
{{QuoteSimple
|Color=steelblue
|Color=steelblue
Line 59: Line 82:
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
</div>!-->
<!--
<div class="mw-customtoggle-BasicProfile gwentitlebar">{{LCARS-bar-left|• Basic Profile|COLOR=#0c5c9c}}</div>
<div style="padding-left: 5px;padding-bottom: 5px;">'''Name''' is currently serving as a '''Position''' aboard the '''{{USS|Astraeus}}'''. </div>
<div class="mw-collapsible mw-expanded gwencontentbump" id="mw-customcollapsible-BasicProfile">
!-->
<div class="mw-customtoggle-BasicProfile" style="cursor:pointer" >{{LCARS-bar-left|• Basic Profile|COLOR=#0c5c9c}}</div>
<div class="mw-collapsible mw-expanded" id="mw-customcollapsible-BasicProfile">
<div style="padding-left: 20px;">
<big>'''Personal Basics'''</big>
<big>'''Personal Basics'''</big>
* '''Full Name:'''  
* '''Full Name:'''  
Line 84: Line 103:


<big>'''Professional Experience'''</big>
<big>'''Professional Experience'''</big>
Information Loading . . .  
Information Loading . . .  
</div></div>
</div></div>


{{LCARS-bar-left|• Personal Information|COLOR=#0c5c9c}}
<div class="gwentitlebar">{{LCARS-bar-left|• Personal Information|COLOR=#0c5c9c}}</div>
{{LCARS Toggle
<div class="mw-customtoggle-Quarters gwentitlebar">{{LCARS-bar-nolink|Quarters ⮟|COLOR=steelblue}}</div>
|Toggle Name = PersonalInfoQuarters
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Quarters "> <!-- ability to close this one category -->
|Side = Right
Information Loading . . .
|Color = steelblue
|Title = Quarters
|Expand Indicator =
|Header = No
|Header Level = 2
|Content =  
<div style="padding-left: 20px;">
Information Loading . . .  
</div>
</div>
}}
<div class="mw-customtoggle-Interests gwentitlebar">{{LCARS-bar-nolink|Interests ⮟|COLOR=steelblue}}</div>
{{LCARS Toggle
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Interests"> <!-- ability to close this one category -->
|Toggle Name = PersonalInfoInterests
Information Loading . . .
|Side = Right
|Color = steelblue
|Title = Interests
|Expand Indicator =
|Header = No
|Header Level = 2
|Content =  
<div style="padding-left: 20px;">
*'''Interest''': Information Loading . . .
</div>
</div>
}}
<div class="mw-customtoggle-Style gwentitlebar">{{LCARS-bar-nolink|Style ⮟|COLOR=steelblue}}</div>
<!--{{LCARS Toggle
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Style"> <!-- ability to close this one category -->
|Toggle Name = PersonalInfoHobbies
|Side = Right
|Color = steelblue
|Title = Hobbies
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .
Information Loading . . .
</div>
</div>
}}!-->
<div class="mw-customtoggle-Pictures gwentitlebar">{{LCARS-bar-nolink|Pictures ⮟|COLOR=steelblue}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Pictures"> <!-- ability to close this one category -->
Pictures Loading . . .
<gallery mode="packed" heights="250">
File: Placeholder.jpg|'''Title'''
File: Placeholder.jpg|'''Title'''
</gallery></div>


{{LCARS-bar-left|• Relationships|COLOR=#0c5c9c}}
<div class="gwentitlebar">{{LCARS-bar-left|• Relationships|COLOR=#0c5c9c}}</div>
{{LCARS Toggle
<div class="mw-customtoggle-Family gwentitlebar">{{LCARS-bar-nolink|Family ⮟|COLOR=steelblue}}</div>
|Toggle Name = RelationshipsImportantPeople
<!-- This is the relationship tabber without pictures! To add more copy everything from Name to |} to add more peeps-->
|Side = Right
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Family"><tabber>
|Color = steelblue
|Title = Important People
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div class="mw-collapsible-content">
<div style="background-color: white; margin: 15px; border-left: 6px solid steelblue; border-radius: 16px; display: flex;">
<tabber>
|-|Name=
|-|Name=
{|
{|
Line 148: Line 137:
Information Loading . . .
Information Loading . . .
|}
|}
</tabber>
</tabber></div>
</div></div>
<div class="mw-customtoggle-Friends gwentitlebar">{{LCARS-bar-nolink|Friends ⮟|COLOR=steelblue}}</div>
}}
<!-- This is the relationship tabber with pictures! To add more copy everything from Name to |} to add more peeps-->
{{LCARS-bar-left|• History|COLOR=#0c5c9c}}
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Friends"><tabber>
{{LCARS Toggle
|-|Name=
|Toggle Name = HistoryCharacter
{|
|Side = Right
|style="padding: 10px; vertical-align: top;" | <div style="border-radius: 20px 20px 20px 20px; overflow: hidden;">[[File:Placeholder.jpg|frameless|225x225px]]</div>
|Color = steelblue
|style="padding-top: 10px; vertical-align: top;" | '''Title, Info''', Location
|Title = Background
 
|Expand Indicator =
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .
Information Loading . . .
</div>
}}


{{LCARS Toggle
''Character Page: '''[[Character Name]]'''''
|Toggle Name = SL
|}
|Side = Left
</tabber></div>
|Color = #0c5c9c
|Title = • References
|Expand Indicator =
|Content = <small><references/></small>
}}


</div></div></div>
<div class="gwentitlebar">{{LCARS-bar-left|• History|COLOR=#0c5c9c}}</div>
 
<div class="mw-customtoggle-GrowingUp gwentitlebar">{{LCARS-bar-nolink|Growing Up ⮟|COLOR=steelblue}}</div>
<big><center>Ops, Security, Tactical, Engineering Template</center></big>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-GrowingUp"> <!-- ability to close this one category -->
<div style="background-color: #e6e4dc; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #ad8d23;">
Information Loading . . .
{{#CSS:
.wood {
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th {
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th {
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table {
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  border-color: #343434;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = Astraeus
|UserName = GwenoraTasen
|Rank = Ensign
|Style = PIC
|Post = Ops/Tac/Sec/Eng
|Color = Gold
|Color2 = Black
|Color3 = Gold
|Species = Species
|Gender = Female
|Serial = GW - 050 - 001
|BirthMonth = 05
|BirthDate = 01
|BirthYear = 2249
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[Gwen'ora_Tasen/Academy Transcript|Academy Transcripts]]
** [[Gwen'ora_Tasen/Medical Record|Medical Record]]
* '''Log Entries'''
** [[Gwen'ora_Tasen/Mission Logs|Mission Log]]
** [[Gwen'ora_Tasen/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #e6e4dc; border-radius:40px; width:75%;">
{{QuoteSimple
|Color=#bfa347
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<!--
<div style="padding-left: 5px;padding-bottom: 5px;">'''Name''' is currently serving as a '''Position''' aboard the '''{{USS|Astraeus}}'''. </div>
!-->
<div class="mw-customtoggle-BasicProfile" style="cursor:pointer" >{{LCARS-bar-left|• Basic Profile|COLOR=#ad8d23}}</div>
<div class="mw-collapsible mw-expanded" id="mw-customcollapsible-BasicProfile">
<div style="padding-left: 20px;">
<big>'''Personal Basics'''</big>
* '''Full Name:'''
* '''Nickname:'''
* '''Sex:'''
* '''DOB:'''
* '''Age:'''
* '''Looks:'''
 
<big>'''Appearance'''</big>
* '''Height:'''
* '''Build:'''
* '''Hair:'''
* '''Hair Style:'''
* '''Eyes:'''
* '''Skin Tone:'''
* '''Handedness:'''
* '''PB:'''
 
<big>'''Professional Experience'''</big>
 
Information Loading . . .
</div></div>
 
{{LCARS-bar-left|• Personal Information|COLOR=#ad8d23}}
{{LCARS Toggle
|Toggle Name = PersonalInfoQuarters
|Side = Right
|Color = #bfa347
|Title = Quarters
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .  
</div>
</div>
}}
<div class="mw-customtoggle-Starfleet gwentitlebar">{{LCARS-bar-nolink|Starfleet ⮟|COLOR=steelblue}}</div>
{{LCARS Toggle
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Starfleet"> <!-- ability to close this one category -->
|Toggle Name = PersonalInfoInterests
|Side = Right
|Color = #bfa347
|Title = Interests
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
*'''Interest''': Information Loading . . .
</div>
}}
<!--{{LCARS Toggle
|Toggle Name = PersonalInfoHobbies
|Side = Right
|Color = #bfa347
|Title = Hobbies
|Expand Indicator =
|Header = No
|Header Level = 2
|Content =  
<div style="padding-left: 20px;">
Information Loading . . .
Information Loading . . .
</div>
</div>
}}!-->


{{LCARS-bar-left|• Relationships|COLOR=#ad8d23}}
<div class="mw-customtoggle-References gwentitlebar">{{LCARS-bar-left|• References|COLOR=#0c5c9c}}</div>
{{LCARS Toggle
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
|Toggle Name = RelationshipsImportantPeople
<small><references/></small></div>
|Side = Right
 
|Color = #bfa347
|Title = Important People
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div class="mw-collapsible-content">
<div style="background-color: white; margin: 15px; border-left: 6px solid #bfa347; border-radius: 16px; display: flex;">
<tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location


Information Loading . . .
|}
</tabber>
</div></div>
</div></div>
}}
{{LCARS-bar-left|• History|COLOR=#ad8d23}}
{{LCARS Toggle
|Toggle Name = HistoryCharacter
|Side = Right
|Color = #bfa347
|Title = Background
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .
</div>
}}


{{LCARS Toggle
<big><center>Ops, Security, Tactical, Engineering Template</center></big>
|Toggle Name = SL
<!--
|Side = Left
-- background-color: #e6e4dc
|Color = #ad8d23
-- Main Bars colors: ad8d23
|Title = • References
-- sub bar colors: bfa347
|Expand Indicator =
!-->
|Content = <small><references/></small>
}}
</div></div></div>


<big><center>Civ Template</center></big>
<big><center>Civ Template</center></big>
<div style="background-color: #e5e3e6; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #48454a;">
{{#CSS:
.wood {
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th {
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th {
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table {
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  border-color: #343434;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = Astraeus
|UserName = GwenoraTasen
|Rank = Civilian
|Style = PIC
|Post = Civilian
|Color = Silver
|Color2 = Black
|Color3 = Silver
|Species = Species
|Gender = Female
|Serial = GW - 050 - 001
|BirthMonth = 05
|BirthDate = 01
|BirthYear = 2249
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[Gwen'ora_Tasen/Academy Transcript|Academy Transcripts]]
** [[Gwen'ora_Tasen/Medical Record|Medical Record]]
* '''Log Entries'''
** [[Gwen'ora_Tasen/Mission Logs|Mission Log]]
** [[Gwen'ora_Tasen/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #e5e3e6; border-radius:40px; width:75%;">
{{QuoteSimple
|Color=#88878a
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<!--
<!--
<div style="padding-left: 5px;padding-bottom: 5px;">'''Name''' is currently serving as a '''Position''' aboard the '''{{USS|Astraeus}}'''. </div>
-- background-color: #e5e3e6
-- Main Bars colors: 48454a
-- sub bar colors: 88878a
!-->
!-->
<div class="mw-customtoggle-BasicProfile" style="cursor:pointer" >{{LCARS-bar-left|• Basic Profile|COLOR=#48454a}}</div>
<div class="mw-collapsible mw-expanded" id="mw-customcollapsible-BasicProfile">
<div style="padding-left: 20px;">
<big>'''Personal Basics'''</big>
* '''Full Name:'''
* '''Nickname:'''
* '''Sex:'''
* '''DOB:'''
* '''Age:'''
* '''Looks:'''
<big>'''Appearance'''</big>
* '''Height:'''
* '''Build:'''
* '''Hair:'''
* '''Hair Style:'''
* '''Eyes:'''
* '''Skin Tone:'''
* '''Handedness:'''
* '''PB:'''
<big>'''Professional Experience'''</big>
Information Loading . . .
</div></div>
{{LCARS-bar-left|• Personal Information|COLOR=#48454a}}
{{LCARS Toggle
|Toggle Name = PersonalInfoQuarters
|Side = Right
|Color = #88878a
|Title = Quarters
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .
</div>
}}
{{LCARS Toggle
|Toggle Name = PersonalInfoInterests
|Side = Right
|Color = #88878a
|Title = Interests
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
*'''Interest''': Information Loading . . .
</div>
}}
<!--{{LCARS Toggle
|Toggle Name = PersonalInfoHobbies
|Side = Right
|Color = #88878a
|Title = Hobbies
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .
</div>
}}!-->
{{LCARS-bar-left|• Relationships|COLOR=#48454a}}
{{LCARS Toggle
|Toggle Name = RelationshipsImportantPeople
|Side = Right
|Color = #88878a
|Title = Important People
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div class="mw-collapsible-content">
<div style="background-color: white; margin: 15px; border-left: 6px solid #bfa347; border-radius: 16px; display: flex;">
<tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location
Information Loading . . .
|}
</tabber>
</div></div>
}}
{{LCARS-bar-left|• History|COLOR=#48454a}}
{{LCARS Toggle
|Toggle Name = HistoryCharacter
|Side = Right
|Color = #88878a
|Title = Background
|Expand Indicator = ⮟
|Header = No
|Header Level = 2
|Content =
<div style="padding-left: 20px;">
Information Loading . . .
</div>
}}
{{LCARS Toggle
|Toggle Name = SL
|Side = Left
|Color = #48454a
|Title = • References
|Expand Indicator =
|Content = <small><references/></small>
}}
</div></div></div>
221

edits