Difference between revisions of "Erica Francis"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
__NOEDITSECTION__ | __NOEDITSECTION__ | ||
| − | <div style="max-width: 950px; margin: 20px auto; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; border: 4px double #d35400; border-radius: 12px; overflow: hidden; background: # | + | <div style="max-width: 950px; margin: 20px auto; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; border: 4px double #d35400; border-radius: 12px; overflow: hidden; background: #f4e4bc; background-image: linear-gradient(30deg, #f4e4bc 12%, #eee0b1 12.5%, #eee0b1 37%, #f4e4bc 37.5%, #f4e4bc 62%, #eee0b1 62.5%, #eee0b1 87%, #f4e4bc 87.5%); background-size: 80px 140px; box-shadow: 0 10px 30px rgba(0,0,0,0.5);"> |
| − | <div style="background: linear-gradient(135deg, #1a2a3a 0%, #2f4f4f 50%, #1a2a3a 100%); padding: 45px 20px; color: #ffffff; border-bottom: 8px solid #d35400; text-align: center; position: relative;"> | + | <div style="background: linear-gradient(135deg, #1a2a3a 0%, #2f4f4f 50%, #1a2a3a 100%); padding: 45px 20px; color: #ffffff; border-bottom: 8px solid #d35400; text-align: center; position: relative; box-shadow: inset 0 -10px 20px rgba(0,0,0,0.4);"> |
| − | <div style="position: absolute; top: 0; left: 50px; width: 40px; height: 100%; background: linear-gradient(to bottom, #d35400, #a04000); opacity: 0. | + | <div style="position: absolute; top: 0; left: 50px; width: 40px; height: 100%; background: linear-gradient(to bottom, #d35400, #a04000); opacity: 0.3; border-left: 1px solid #ff9d5c; border-right: 1px solid #ff9d5c;"></div> |
<div style="font-size: 3.5em; letter-spacing: 6px; color: #f2f2f2; text-transform: uppercase; text-shadow: 3px 3px 6px #000; font-weight: bold;">ERICA FRANCIS</div> | <div style="font-size: 3.5em; letter-spacing: 6px; color: #f2f2f2; text-transform: uppercase; text-shadow: 3px 3px 6px #000; font-weight: bold;">ERICA FRANCIS</div> | ||
| − | <div style="display: inline-block; background: linear-gradient(to right, transparent, rgba(211, 84, 0, 0. | + | <div style="display: inline-block; background: linear-gradient(to right, transparent, rgba(211, 84, 0, 0.3), transparent); padding: 10px 50px; margin-top: 10px; border-top: 1px solid #e67e22; border-bottom: 1px solid #e67e22; color: #e67e22; font-weight: bold; letter-spacing: 2px; font-size: 1.2em;"> |
CLAN TREMERE • ANARCH SECT • ANCILLA | CLAN TREMERE • ANARCH SECT • ANCILLA | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div style="display: block; padding: 30px; overflow: hidden; background-image: radial-gradient( | + | <div style="display: block; padding: 30px; overflow: hidden; background: #fdf5e6; background-image: radial-gradient(#f3e5ab 2px, transparent 2px), radial-gradient(#f3e5ab 2px, #fdf5e6 2px); background-size: 40px 40px; background-position: 0 0, 20px 20px; border: 1px solid rgba(211, 84, 0, 0.1);"> |
| − | <div style="float: right; width: 300px; margin-left: 25px; margin-bottom: 20px;"> | + | <div style="float: right; width: 300px; margin-left: 25px; margin-bottom: 20px; position: relative; z-index: 2;"> |
| − | <div style="background: linear-gradient(to bottom, #8fbc8f 0%, #76a376 100%); border-radius: 15px 15px 0 0; padding: 20px; color: #1a2a3a; border: 1px solid #5d825d; box-shadow: | + | <div style="background: linear-gradient(to bottom, #8fbc8f 0%, #76a376 100%); border-radius: 15px 15px 0 0; padding: 20px; color: #1a2a3a; border: 1px solid #5d825d; box-shadow: 5px 5px 15px rgba(0,0,0,0.2);"> |
<div style="text-align: center; border-bottom: 2px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.3em; text-transform: uppercase; letter-spacing: 1px;">Vital Records</div> | <div style="text-align: center; border-bottom: 2px solid rgba(0,0,0,0.1); padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.3em; text-transform: uppercase; letter-spacing: 1px;">Vital Records</div> | ||
<div style="font-size: 1em; line-height: 1.8;"> | <div style="font-size: 1em; line-height: 1.8;"> | ||
| Line 26: | Line 26: | ||
</div> | </div> | ||
| − | <div style="background: linear-gradient(135deg, #1a2a3a 0%, #0d161f 100%); padding: 20px; color: #ecf0f1; border-radius: 0 0 15px 15px; border: 1px solid #000; border-top: none; box-shadow: | + | <div style="background: linear-gradient(135deg, #1a2a3a 0%, #0d161f 100%); padding: 20px; color: #ecf0f1; border-radius: 0 0 15px 15px; border: 1px solid #000; border-top: none; box-shadow: 5px 5px 15px rgba(0,0,0,0.3);"> |
<div style="text-align: center; color: #e67e22; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.1em; text-transform: uppercase;">Player Dossier</div> | <div style="text-align: center; color: #e67e22; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; margin-bottom: 15px; font-weight: bold; font-size: 1.1em; text-transform: uppercase;">Player Dossier</div> | ||
<div style="font-size: 0.9em; line-height: 1.8;"> | <div style="font-size: 0.9em; line-height: 1.8;"> | ||
| Line 38: | Line 38: | ||
</div> | </div> | ||
| − | <div style="margin-top: 20px; text-align: center; opacity: 0. | + | <div style="margin-top: 20px; text-align: center; opacity: 0.4; color: #2f4f4f; font-size: 2.5em; filter: sepia(1);">📖 🖋️</div> |
</div> | </div> | ||
| − | <div style="overflow: hidden;"> | + | <div style="overflow: hidden; position: relative;"> |
| − | <h2 style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); color: #f2f2f2; padding: | + | <h2 style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); color: #f2f2f2; padding: 12px 15px; border-radius: 4px; border-left: 8px solid #d35400; font-variant: small-caps; margin-top: 0; box-shadow: 3px 3px 8px rgba(0,0,0,0.3); border-top:none; border-right:none; border-bottom:none;">Physical Manifestation</h2> |
| − | <p style="line-height: 1.7; color: # | + | <p style="line-height: 1.7; color: #2c2416; font-size: 1.1em; padding: 15px 5px 25px 5px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);"> |
Erica appears as a young woman perpetually frozen at the age of 18. She possesses <b>pale skin</b> that contrasts sharply with her <b>brown hair, currently dyed a deep red</b>. Her <b>hazel eyes</b> are often observant, matched by a curvy frame. A notable physical feature is a <b>large birthmark</b> situated on her right shoulder. | Erica appears as a young woman perpetually frozen at the age of 18. She possesses <b>pale skin</b> that contrasts sharply with her <b>brown hair, currently dyed a deep red</b>. Her <b>hazel eyes</b> are often observant, matched by a curvy frame. A notable physical feature is a <b>large birthmark</b> situated on her right shoulder. | ||
</p> | </p> | ||
| − | + | <h2 style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); color: #f2f2f2; padding: 12px 15px; border-radius: 4px; border-left: 8px solid #d35400; font-variant: small-caps; box-shadow: 3px 3px 8px rgba(0,0,0,0.3); border-top:none; border-right:none; border-bottom:none;">Biography & Intellectual Pursuit</h2> | |
| − | <div style="background: | + | <div style="background: rgba(143, 188, 143, 0.1); border: 1px dashed rgba(47, 79, 79, 0.3); padding: 20px; border-left: 5px solid #8fbc8f; font-style: italic; color: #3e3321; margin: 20px 0; border-radius: 0 10px 10px 0;"> |
TBD - The history of this Ancilla remains shrouded in the mists of the Movement, though her affinity for the archives is well known. | TBD - The history of this Ancilla remains shrouded in the mists of the Movement, though her affinity for the archives is well known. | ||
</div> | </div> | ||
| − | + | <h2 style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); color: #f2f2f2; padding: 12px 15px; border-radius: 4px; border-left: 8px solid #d35400; font-variant: small-caps; box-shadow: 3px 3px 8px rgba(0,0,0,0.3); border-top:none; border-right:none; border-bottom:none;">Whispers in the Stacks</h2> | |
| − | <ul style="line-height: 1.8; color: # | + | <ul style="line-height: 1.8; color: #2c2416; list-style-type: square; padding: 15px 5px 25px 45px;"> |
| − | + | <li><i>"TBD"</i></li> | |
</ul> | </ul> | ||
| − | + | <h2 style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); color: #f2f2f2; padding: 12px 15px; border-radius: 4px; border-left: 8px solid #d35400; font-variant: small-caps; box-shadow: 3px 3px 8px rgba(0,0,0,0.3); border-top:none; border-right:none; border-bottom:none;">Recorded Words</h2> | |
| − | <div style="background: linear-gradient(135deg, #1a2a3a 0%, #2c3e50 100%); color: #fff; padding: 25px; border-radius: 8px; border-right: | + | <div style="background: linear-gradient(135deg, #1a2a3a 0%, #2c3e50 100%); color: #fff; padding: 25px; border-radius: 8px; border-right: 10px solid #d35400; position: relative; box-shadow: 5px 5px 15px rgba(0,0,0,0.4); margin-top: 20px;"> |
| − | <div style="font-size: 3em; color: #d35400; position: absolute; top: -10px; left: 10px; font-family: Georgia; opacity: 0. | + | <div style="font-size: 3em; color: #d35400; position: absolute; top: -10px; left: 10px; font-family: Georgia; opacity: 0.5;">“</div> |
| − | <p style="margin: 0; padding-left: | + | <p style="margin: 0; padding-left: 25px; font-style: italic; position: relative; z-index: 1;">TBD</p> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); padding: 15px 30px; color: #fff; font-size: 0.9em; border-top: 5px solid #d35400; clear: both; display: flex; justify-content: space-between;"> | + | <div style="background: linear-gradient(to bottom, #2c3e50, #1a2a3a); padding: 15px 30px; color: #fff; font-size: 0.9em; border-top: 5px solid #d35400; clear: both; display: flex; justify-content: space-between; box-shadow: inset 0 5px 10px rgba(0,0,0,0.4);"> |
<span><b style="color: #e67e22; text-transform: uppercase; letter-spacing: 1px;">Chronology:</b> TBD</span> | <span><b style="color: #e67e22; text-transform: uppercase; letter-spacing: 1px;">Chronology:</b> TBD</span> | ||
| − | <span style="color: rgba(255,255,255,0. | + | <span style="color: rgba(255,255,255,0.4); font-style: italic;">SE-VIR-D Archive Access Granted</span> |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 17:13, 15 February 2026
