Sugarnaut
a nightmare to you specifically
Use this code. One post per character so I can add them to an index.
Code:
[comment][font=DM Serif Display]text[/font][font=Libre Barcode 128]font[/font][font=Lato]font[/font][/comment][div= border: 1px #a6a6a6 solid; background: white; margin: auto; max-width: 425px; height: 245px; border-radius: 15px; color: black; overflow: hidden; line-height:.5; position: relative; font-family: lato; font-size: 12px;
--idphoto: url(https://i.imgur.com/RIVsyuy.png) 40% 10%/125% no-repeat;
--largephoto: url(https://i.imgur.com/RIVsyuy.png) 50% 10%/100% no-repeat;
--color: #1d1d1d;
]
[div= background: var(--color); width: 100%; height: 55px; position: relative; top: -15px; overflow: hidden; color: white;][div= font-family: DM Serif Display; display: inline-block; position: relative; left: 10px; top: 26px; font-size: 25px;]yearbook-worthy[/div]
[div= display: inline-block; position: absolute; right: 10px; top: 20px; text-align: right; font-size: 11px;]010101[/div]
[div= display: inline-block; position: absolute; right: 10px; top: 35px; text-align: right; font-size: 11px;]STUDENT IDENTIFICATION CARD[/div][/div][div= overflow-y: scroll; overflow-x: hidden; width: 100%; height:195px; position: absolute; top: 46px; padding-right: 17px; line-height: 1;][div= width: 403px; height: auto; padding: 10px; display: inline-block;][div= height: auto; display: inline-block;] [div= height: 160px; width: 150px; background: var(--idphoto);][/div][div=" display: inline-block; position: relative; top: 5px; font-family: 'Libre Barcode 128'; width: 100%; font-size: 30px; text-align: center;"]by sugarnaut[/div][/div] [div= position: relative; left: 10px; top: -40px; width: 230px; height: 125px; padding: 5px; display: inline-block;][div= height: 100%; width: 48%; display: inline-block; line-height: .75;
//** BASIC INFORMATION
Note: This is unstable. Try to keep answers short!**//
][div= color: var(--color); font-weight: 600;]Name[/div]
[div= text-size: 15px; text-transform: uppercase;]First Middle[/div]
[div= color: var(--color); font-weight: 600;]Grade[/div]
[div= text-size: 15px; text-transform: uppercase;]Senior[/div]
[div= color: var(--color); font-weight: 600;]Birthday[/div]
[div= text-size: 15px; text-transform: uppercase;]Month 0th[/div]
[/div][div= height: 100%; width: 48%; display: inline-block; line-height: .75;][div= color: var(--color); font-weight: 600;]Clique[/div]
[div= text-size: 15px; text-transform: uppercase;]Clique[/div]
[div= color: var(--color); font-weight: 600;]Superlative[/div]
[div= text-size: 15px; text-transform: uppercase;]Superlative[/div]
[div= color: var(--color); font-weight: 600;]Face Claim[/div]
[div= text-size: 15px; text-transform: uppercase;]Nom nom[/div][/div][/div]
[div= width: 385px; height: auto; display: inline-block;][div= height: 160px; width: 405px; background: var(--largephoto);][/div][/div]
[div= width: 385px; height: auto; display: inline-block;][div= color: var(--color); font-weight: 700; font-size: 18px;
//**FREE FOR ALL BLURB**//
]Blurb here.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;]This section you can do whatever you want to explain your character. Biography can be bullet points, personalities too. Maybe just a giant list of headcanons. A playlist? Go wild babies.[/div]
[/div][div= width: 385px; height: auto; display: inline-block;][div= color: var(--color); font-weight: 700; font-size: 18px;
//**SUPERLATIVE BLURB**//
]Superlative.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][b]superlative goes here[/b]
An anecdote about why they would get this in the yearbook.[/div]
[div= width: 385px; height: auto; display: inline-block;][div= color: var(--color); font-weight: 700; font-size: 18px;
//**REPUTATION BLURB**//
]Reputation.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;]A blurb about how the rest of the school sees your character. NPCs will treat your character a certain way because of your school reputation.[/div]
[div= width: 385px; height: auto; display: inline-block;][div= color: var(--color); font-weight: 700; font-size: 18px;
//**CLIQUE BLURB
you can remove this one if you'd like/**//
]Cliques.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE POPULARS AND PREPS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE RICH BINCHES[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE OLYMPIANS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE FOREIGN STUDENTS[/div]
More in depth reasons here. you can add characters here too.[/div]
[hr][/hr]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE FRINGERS AND DRIFTERS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE THESPIANS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE HIPSTER AND SCENESTERS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE HIPSTERS AND SCENESTERS[/div]
More in depth reasons here. you can add characters here too.[/div]
[HR][/HR]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE NEW KIDS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE BAND KIDS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE NERDS AND GEEKS[/div]
More in depth reasons here. you can add characters here too.[/div]
[div= border-left: #bdbdbd 2px solid; padding: 5px;][div= font-size: 15px; font-weight: 700; display: inline-block; text-transform: uppercase; color: var(--color);]THE LONERS AND OUTCASTS[/div]
More in depth reasons here. you can add characters here too.[/div]
[/div][/div][/div][/div][/div][/div]
Last edited: