User:GwenoraTasen/CharacterTemplateSandbox: Difference between revisions

Jump to navigation Jump to search
I made a bunch of colors...but now I wanna fiddle with templates and make a template for not crew...that way civilians can use the fancy sidebar and not have to have the pictures of the collar
(Fixing my templates...)
(I made a bunch of colors...but now I wanna fiddle with templates and make a template for not crew...that way civilians can use the fancy sidebar and not have to have the pictures of the collar)
 
Line 165: Line 165:
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<small><references/></small></div>
<small><references/></small></div>
<!-- Add anything else here! Such as service history, ship nav, and so on! !-->
</div></div>




</div></div>


<big><center>Ops, Security, Tactical, Engineering Template</center></big>
<big><center>Ops, Security, Tactical, Engineering Template</center></big>
Line 175: Line 177:
-- sub bar colors: bfa347
-- sub bar colors: bfa347
!-->
!-->
<div style="background-color: #e6e4dc; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #ad8d23;">
{{#CSS:
.wood { /* Used to change the award/service ribbon to be grey instead of the funky wood color */
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th { /* pretty styling for the service table */
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th { /* pretty styling for the service table */
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table { /* pretty styling for the crew nav table */
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  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 ad8d23;
  border-radius: 16px;
  display: flex;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = X
|UserName = XXXXX
|Rank = Ensign
|Style = PIC
|Post = X
|Color = Gold <!-- controls rank background color and lower !-->
|Color2 = Black
|Color3 = Gold <!--top bar !-->
|Species = Species
|Gender = X
|Serial = XX - XXX - XXX
|BirthMonth = 01
|BirthDate = 01
|BirthYear = 2401
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[#/Academy Transcript|Academy Transcripts]]
** [[#/Medical Record|Medical Record]]
* '''Log Entries'''
** [[#/Mission Logs|Mission Log]]
** [[#/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #e6e4dc; border-radius:40px; width:100%;">
{{QuoteSimple
|Color=#bfa347
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<div class="mw-customtoggle-BasicProfile gwentitlebar">{{LCARS-bar-left|• Basic Profile|COLOR=#ad8d23}}</div>
<div class="mw-collapsible mw-expanded gwencontentbump" id="mw-customcollapsible-BasicProfile">
<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>
<div class="gwentitlebar">{{LCARS-bar-left|• Personal Information|COLOR=#ad8d23}}</div>
<div class="mw-customtoggle-Quarters gwentitlebar">{{LCARS-bar-nolink|Quarters ⮟|COLOR=#bfa347}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Quarters "> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Interests gwentitlebar">{{LCARS-bar-nolink|Interests ⮟|COLOR=#bfa347}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Interests"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Style gwentitlebar">{{LCARS-bar-nolink|Style ⮟|COLOR=#bfa347}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Style"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Pictures gwentitlebar">{{LCARS-bar-nolink|Pictures ⮟|COLOR=#bfa347}}</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>
<div class="gwentitlebar">{{LCARS-bar-left|• Relationships|COLOR=#ad8d23}}</div>
<div class="mw-customtoggle-Family gwentitlebar">{{LCARS-bar-nolink|Family ⮟|COLOR=#bfa347}}</div>
<!-- This is the relationship tabber without pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Family"><tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location
Information Loading . . .
|}
</tabber></div>
<div class="mw-customtoggle-Friends gwentitlebar">{{LCARS-bar-nolink|Friends ⮟|COLOR=#bfa347}}</div>
<!-- This is the relationship tabber with pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Friends"><tabber>
|-|Name=
{|
|style="padding: 10px; vertical-align: top;" | <div style="border-radius: 20px 20px 20px 20px; overflow: hidden;">[[File:Placeholder.jpg|frameless|225x225px]]</div>
|style="padding-top: 10px; vertical-align: top;" | '''Title, Info''', Location
Information Loading . . .
''Character Page: '''[[Character Name]]'''''
|}
</tabber></div>
<div class="gwentitlebar">{{LCARS-bar-left|• History|COLOR=#ad8d23}}</div>
<div class="mw-customtoggle-GrowingUp gwentitlebar">{{LCARS-bar-nolink|Growing Up ⮟|COLOR=#bfa347}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-GrowingUp"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Starfleet gwentitlebar">{{LCARS-bar-nolink|Starfleet ⮟|COLOR=#bfa347}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Starfleet"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-References gwentitlebar">{{LCARS-bar-left|• References|COLOR=#ad8d23}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<small><references/></small></div>
<!-- Add anything else here! Such as service history, ship nav, and so on! !-->
</div></div>


<big><center>Civ Template</center></big>
<big><center>Civ Template</center></big>
Line 182: Line 354:
-- sub bar colors: 88878a
-- sub bar colors: 88878a
!-->
!-->
<div style="background-color: #e5e3e6; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #48454a;">
{{#CSS:
.wood { /* Used to change the award/service ribbon to be grey instead of the funky wood color */
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th { /* pretty styling for the service table */
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th { /* pretty styling for the service table */
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table { /* pretty styling for the crew nav table */
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  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 48454a;
  border-radius: 16px;
  display: flex;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = X
|UserName = XXXXX
|Rank = Ensign
|Style = PIC
|Post = X
|Color = Silver <!-- controls rank background color and lower !-->
|Color2 = Black
|Color3 = Silver <!--top bar !-->
|Species = Species
|Gender = X
|Serial = XX - XXX - XXX
|BirthMonth = 01
|BirthDate = 01
|BirthYear = 2401
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[#/Academy Transcript|Academy Transcripts]]
** [[#/Medical Record|Medical Record]]
* '''Log Entries'''
** [[#/Mission Logs|Mission Log]]
** [[#/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #e5e3e6; border-radius:40px; width:100%;">
{{QuoteSimple
|Color=#88878a
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<div class="mw-customtoggle-BasicProfile gwentitlebar">{{LCARS-bar-left|• Basic Profile|COLOR=#48454a}}</div>
<div class="mw-collapsible mw-expanded gwencontentbump" id="mw-customcollapsible-BasicProfile">
<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>
<div class="gwentitlebar">{{LCARS-bar-left|• Personal Information|COLOR=#48454a}}</div>
<div class="mw-customtoggle-Quarters gwentitlebar">{{LCARS-bar-nolink|Quarters ⮟|COLOR=#88878a}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Quarters "> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Interests gwentitlebar">{{LCARS-bar-nolink|Interests ⮟|COLOR=#88878a}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Interests"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Style gwentitlebar">{{LCARS-bar-nolink|Style ⮟|COLOR=#88878a}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Style"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Pictures gwentitlebar">{{LCARS-bar-nolink|Pictures ⮟|COLOR=#88878a}}</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>
<div class="gwentitlebar">{{LCARS-bar-left|• Relationships|COLOR=#48454a}}</div>
<div class="mw-customtoggle-Family gwentitlebar">{{LCARS-bar-nolink|Family ⮟|COLOR=#88878a}}</div>
<!-- This is the relationship tabber without pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Family"><tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location
Information Loading . . .
|}
</tabber></div>
<div class="mw-customtoggle-Friends gwentitlebar">{{LCARS-bar-nolink|Friends ⮟|COLOR=#88878a}}</div>
<!-- This is the relationship tabber with pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Friends"><tabber>
|-|Name=
{|
|style="padding: 10px; vertical-align: top;" | <div style="border-radius: 20px 20px 20px 20px; overflow: hidden;">[[File:Placeholder.jpg|frameless|225x225px]]</div>
|style="padding-top: 10px; vertical-align: top;" | '''Title, Info''', Location
Information Loading . . .
''Character Page: '''[[Character Name]]'''''
|}
</tabber></div>
<div class="gwentitlebar">{{LCARS-bar-left|• History|COLOR=#48454a}}</div>
<div class="mw-customtoggle-GrowingUp gwentitlebar">{{LCARS-bar-nolink|Growing Up ⮟|COLOR=#88878a}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-GrowingUp"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Starfleet gwentitlebar">{{LCARS-bar-nolink|Starfleet ⮟|COLOR=#88878a}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Starfleet"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-References gwentitlebar">{{LCARS-bar-left|• References|COLOR=#48454a}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<small><references/></small></div>
<!-- Add anything else here! Such as service history, ship nav, and so on! !-->
</div></div>
<big><center>Command Template</center></big>
<div style="background-color: #e3dada; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #ad2323;">
{{#CSS:
.wood { /* Used to change the award/service ribbon to be grey instead of the funky wood color */
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th { /* pretty styling for the service table */
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th { /* pretty styling for the service table */
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table { /* pretty styling for the crew nav table */
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  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 ad2323;
  border-radius: 16px;
  display: flex;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = X
|UserName = XXXXX
|Rank = Ensign
|Style = PIC
|Post = X
|Color = Red <!-- controls rank background color and lower !-->
|Color2 = Black
|Color3 = Red <!--top bar !-->
|Species = Species
|Gender = X
|Serial = XX - XXX - XXX
|BirthMonth = 01
|BirthDate = 01
|BirthYear = 2401
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[#/Academy Transcript|Academy Transcripts]]
** [[#/Medical Record|Medical Record]]
* '''Log Entries'''
** [[#/Mission Logs|Mission Log]]
** [[#/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #e3dada; border-radius:40px; width:100%;">
{{QuoteSimple
|Color=#bf4747
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<div class="mw-customtoggle-BasicProfile gwentitlebar">{{LCARS-bar-left|• Basic Profile|COLOR=#ad2323}}</div>
<div class="mw-collapsible mw-expanded gwencontentbump" id="mw-customcollapsible-BasicProfile">
<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>
<div class="gwentitlebar">{{LCARS-bar-left|• Personal Information|COLOR=#ad2323}}</div>
<div class="mw-customtoggle-Quarters gwentitlebar">{{LCARS-bar-nolink|Quarters ⮟|COLOR=#bf4747}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Quarters "> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Interests gwentitlebar">{{LCARS-bar-nolink|Interests ⮟|COLOR=#bf4747}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Interests"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Style gwentitlebar">{{LCARS-bar-nolink|Style ⮟|COLOR=#bf4747}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Style"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Pictures gwentitlebar">{{LCARS-bar-nolink|Pictures ⮟|COLOR=#bf4747}}</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>
<div class="gwentitlebar">{{LCARS-bar-left|• Relationships|COLOR=#ad2323}}</div>
<div class="mw-customtoggle-Family gwentitlebar">{{LCARS-bar-nolink|Family ⮟|COLOR=#bf4747}}</div>
<!-- This is the relationship tabber without pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Family"><tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location
Information Loading . . .
|}
</tabber></div>
<div class="mw-customtoggle-Friends gwentitlebar">{{LCARS-bar-nolink|Friends ⮟|COLOR=#bf4747}}</div>
<!-- This is the relationship tabber with pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Friends"><tabber>
|-|Name=
{|
|style="padding: 10px; vertical-align: top;" | <div style="border-radius: 20px 20px 20px 20px; overflow: hidden;">[[File:Placeholder.jpg|frameless|225x225px]]</div>
|style="padding-top: 10px; vertical-align: top;" | '''Title, Info''', Location
Information Loading . . .
''Character Page: '''[[Character Name]]'''''
|}
</tabber></div>
<div class="gwentitlebar">{{LCARS-bar-left|• History|COLOR=#ad2323}}</div>
<div class="mw-customtoggle-GrowingUp gwentitlebar">{{LCARS-bar-nolink|Growing Up ⮟|COLOR=#bf4747}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-GrowingUp"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Starfleet gwentitlebar">{{LCARS-bar-nolink|Starfleet ⮟|COLOR=#bf4747}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Starfleet"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-References gwentitlebar">{{LCARS-bar-left|• References|COLOR=#ad2323}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<small><references/></small></div>
<!-- Add anything else here! Such as service history, ship nav, and so on! !-->
</div></div>
<big><center>IDK Purple Template</center></big>
<div style="background-color: #dcd5de; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #8823ad;">
{{#CSS:
.wood { /* Used to change the award/service ribbon to be grey instead of the funky wood color */
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th { /* pretty styling for the service table */
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th { /* pretty styling for the service table */
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table { /* pretty styling for the crew nav table */
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  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 8823ad;
  border-radius: 16px;
  display: flex;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = X
|UserName = XXXXX
|Rank = Ensign
|Style = Default
|Post = X
|Color = Purple <!-- controls rank background color and lower !-->
|Color2 = Black
|Color3 = Purple <!--top bar !-->
|Species = Species
|Gender = X
|Serial = XX - XXX - XXX
|BirthMonth = 01
|BirthDate = 01
|BirthYear = 2401
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[#/Academy Transcript|Academy Transcripts]]
** [[#/Medical Record|Medical Record]]
* '''Log Entries'''
** [[#/Mission Logs|Mission Log]]
** [[#/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #dcd5de; border-radius:40px; width:100%;">
{{QuoteSimple
|Color=#ab47bf
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<div class="mw-customtoggle-BasicProfile gwentitlebar">{{LCARS-bar-left|• Basic Profile|COLOR=#8823ad}}</div>
<div class="mw-collapsible mw-expanded gwencontentbump" id="mw-customcollapsible-BasicProfile">
<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>
<div class="gwentitlebar">{{LCARS-bar-left|• Personal Information|COLOR=#8823ad}}</div>
<div class="mw-customtoggle-Quarters gwentitlebar">{{LCARS-bar-nolink|Quarters ⮟|COLOR=#ab47bf}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Quarters "> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Interests gwentitlebar">{{LCARS-bar-nolink|Interests ⮟|COLOR=#ab47bf}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Interests"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Style gwentitlebar">{{LCARS-bar-nolink|Style ⮟|COLOR=#ab47bf}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Style"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Pictures gwentitlebar">{{LCARS-bar-nolink|Pictures ⮟|COLOR=#ab47bf}}</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>
<div class="gwentitlebar">{{LCARS-bar-left|• Relationships|COLOR=#8823ad}}</div>
<div class="mw-customtoggle-Family gwentitlebar">{{LCARS-bar-nolink|Family ⮟|COLOR=#ab47bf}}</div>
<!-- This is the relationship tabber without pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Family"><tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location
Information Loading . . .
|}
</tabber></div>
<div class="mw-customtoggle-Friends gwentitlebar">{{LCARS-bar-nolink|Friends ⮟|COLOR=#ab47bf}}</div>
<!-- This is the relationship tabber with pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Friends"><tabber>
|-|Name=
{|
|style="padding: 10px; vertical-align: top;" | <div style="border-radius: 20px 20px 20px 20px; overflow: hidden;">[[File:Placeholder.jpg|frameless|225x225px]]</div>
|style="padding-top: 10px; vertical-align: top;" | '''Title, Info''', Location
Information Loading . . .
''Character Page: '''[[Character Name]]'''''
|}
</tabber></div>
<div class="gwentitlebar">{{LCARS-bar-left|• History|COLOR=#8823ad}}</div>
<div class="mw-customtoggle-GrowingUp gwentitlebar">{{LCARS-bar-nolink|Growing Up ⮟|COLOR=#ab47bf}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-GrowingUp"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Starfleet gwentitlebar">{{LCARS-bar-nolink|Starfleet ⮟|COLOR=#ab47bf}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Starfleet"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-References gwentitlebar">{{LCARS-bar-left|• References|COLOR=#8823ad}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<small><references/></small></div>
<!-- Add anything else here! Such as service history, ship nav, and so on! !-->
</div></div>
<big><center>IDK Green Template</center></big>
<div style="background-color: #dae3dc; border-radius:40px; padding: 1.5em; width:95%; border: 2px solid #1d8a22;">
{{#CSS:
.wood { /* Used to change the award/service ribbon to be grey instead of the funky wood color */
  border-radius: 15px;
  padding-bottom: 15px;
  background-color: #343434 !important;
}
.gwenservice table tbody tr th { /* pretty styling for the service table */
  border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 15px;
}
.gwenservice table tbody tr th table tbody tr th { /* pretty styling for the service table */
  border-radius: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.gwencrewnav table { /* pretty styling for the crew nav table */
  border-width: 15px 5px 5px 5px !important;
  border-radius: 15px;
  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 1d8a22;
  border-radius: 16px;
  display: flex;
}
}}
{{LCARS-Navbar_No_Crew_of
|Image = Placeholder.jpg
|FirstName = First
|LastName = Last
|Ship = X
|UserName = XXXXX
|Rank = Blank
|Style = PIC
|Post = X
|Color = Green <!-- controls rank background color and lower !-->
|Color2 = Black
|Color3 = Green <!--top bar !-->
|Species = Species
|Gender = X
|Serial = XX - XXX - XXX
|BirthMonth = 01
|BirthDate = 01
|BirthYear = 2401
|BirthPlace = Birth Place
|Extra =
<!--* '''Records'''
** [[#/Academy Transcript|Academy Transcripts]]
** [[#/Medical Record|Medical Record]]
* '''Log Entries'''
** [[#/Mission Logs|Mission Log]]
** [[#/Personal Log|Personal Log]]
!-->
}}
<div style="background-color: #dae3dc; border-radius:40px; width:100%;">
{{QuoteSimple
|Color=#47bf51
|Quote=Quote
|Author=Author Name}}<!--<div style="position:absolute; top:10px; left:25px">[[File:USS Astraeus-logo.png|75px]]
</div>!-->
<div class="mw-customtoggle-BasicProfile gwentitlebar">{{LCARS-bar-left|• Basic Profile|COLOR=#1d8a22}}</div>
<div class="mw-collapsible mw-expanded gwencontentbump" id="mw-customcollapsible-BasicProfile">
<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>
<div class="gwentitlebar">{{LCARS-bar-left|• Personal Information|COLOR=#1d8a22}}</div>
<div class="mw-customtoggle-Quarters gwentitlebar">{{LCARS-bar-nolink|Quarters ⮟|COLOR=#47bf51}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Quarters "> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Interests gwentitlebar">{{LCARS-bar-nolink|Interests ⮟|COLOR=#47bf51}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Interests"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Style gwentitlebar">{{LCARS-bar-nolink|Style ⮟|COLOR=#47bf51}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Style"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Pictures gwentitlebar">{{LCARS-bar-nolink|Pictures ⮟|COLOR=#47bf51}}</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>
<div class="gwentitlebar">{{LCARS-bar-left|• Relationships|COLOR=#1d8a22}}</div>
<div class="mw-customtoggle-Family gwentitlebar">{{LCARS-bar-nolink|Family ⮟|COLOR=#47bf51}}</div>
<!-- This is the relationship tabber without pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Family"><tabber>
|-|Name=
{|
|style="padding-top: 10px; padding-left: 10px; vertical-align: top;" | '''Relationship''', Location
Information Loading . . .
|}
</tabber></div>
<div class="mw-customtoggle-Friends gwentitlebar">{{LCARS-bar-nolink|Friends ⮟|COLOR=#47bf51}}</div>
<!-- This is the relationship tabber with pictures! To add more copy everything from Name to |} to add more peeps-->
<div class="mw-collapsible mw-collapsed gwencontentbump gwenrelationship" id="mw-customcollapsible-Friends"><tabber>
|-|Name=
{|
|style="padding: 10px; vertical-align: top;" | <div style="border-radius: 20px 20px 20px 20px; overflow: hidden;">[[File:Placeholder.jpg|frameless|225x225px]]</div>
|style="padding-top: 10px; vertical-align: top;" | '''Title, Info''', Location
Information Loading . . .
''Character Page: '''[[Character Name]]'''''
|}
</tabber></div>
<div class="gwentitlebar">{{LCARS-bar-left|• History|COLOR=#1d8a22}}</div>
<div class="mw-customtoggle-GrowingUp gwentitlebar">{{LCARS-bar-nolink|Growing Up ⮟|COLOR=#47bf51}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-GrowingUp"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-Starfleet gwentitlebar">{{LCARS-bar-nolink|Starfleet ⮟|COLOR=#47bf51}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-Starfleet"> <!-- ability to close this one category -->
Information Loading . . .
</div>
<div class="mw-customtoggle-References gwentitlebar">{{LCARS-bar-left|• References|COLOR=#1d8a22}}</div>
<div class="mw-collapsible mw-collapsed gwencontentbump" id="mw-customcollapsible-References">
<small><references/></small></div>
<!-- Add anything else here! Such as service history, ship nav, and so on! !-->
</div></div>
221

edits

Navigation menu