Obsidian Portal
Menu
Sign In / Create Account
JavaScript is currently disabled. Obsidian Portal has a lot of really cool features that use JavaScript. You should check them out. We think you'll have a much more enjoyable experience.
Home
Campaigns
Games Nearby
Plans
Community
Help
Resources
Coriolis standard
Author:
cczernia
Slug:
coriolis_standard
System:
Coriolis: The Third Horizon
DST Source Code
HTML Template
<div class="coriolis-sheet"> <div class="container"> <div class="myzrow"> <div class="col-4"> <table class="attributes"> <tr> <th colspan="2">ATTRIBUTES</th> </tr> <tr> <td>Strength</td> <td><span class="dsf dsf_strength"></span></td> </tr> <tr> <td>Agility</td> <td><span class="dsf dsf_agility"></span></td> </tr> <tr> <td>Wits</td> <td><span class="dsf dsf_wits"></span></td> </tr> <tr> <td>Empathy</td> <td><span class="dsf dsf_empathy"></span></td> </tr> </table> <table> <tr><td><strong>Mind Points (Wits + Empathy):</strong></td><td class="condit"><span class="dsf dsf_mindpoints"></span></td></tr> <tr><td><strong>Hit Points (Strength + Agility):</strong></td><td class="condit"><span class="dsf dsf_hitpoints"></span></td></tr> <tr><td colspan="2" class="critinj"><strong>Critical Injuries:</strong></td></tr> <tr><td colspan="2" class="condit"><span class="dsf dsf_injuries1"></span></td></tr> <tr><td colspan="2" class="condit"><span class="dsf dsf_injuries2"></span></td></tr> <tr><td colspan="2" class="condit"><span class="dsf dsf_injuries3"></span></td></tr> <tr><td><strong>Radiation</strong></td><td><span class="dsf dsf_radiation"></span></td></tr> <tr><td><strong>Experience Points</strong></td><td><span class="dsf dsf_xp"></span></td></tr> </table> </div> <div class="col-8"> <div class="myzrow"> <div class="col-12"> <table class="name"> <tr> <td><strong>Name:</strong><span class="dsf dsf_name"></span></td> <td><strong>Background:</strong><span class="dsf dsf_background"></span></td> </tr> <tr> <td><strong>Concept:</strong><span class="dsf dsf_concept"></span></td> <td><strong>Icon:</strong><span class="dsf dsf_icon"></span></td> </tr> <tr> <td><strong>Group Concept:</strong><span class="dsf dsf_grconcept"></span></td> <td><strong>Reputation:</strong><span class="dsf dsf_rep"></span></td> </tr> <tr> <td colspan="2"><strong>Personal Problem:</strong><span class="dsf dsf_problem"></span></td> </tr> </table> <table class="appearance"> <tr> <th>APPEARANCE</th> </tr> <tr> <td><strong>Face</strong><span class="dsf dsf_face"></span></td> </tr> <tr> <td><strong>Clothing</strong><span class="dsf dsf_clothing"></span></td> </tr> </table> <table class="relationships"> <tr> <th>RELATIONSHIPS</th> </tr> <tr> <td><strong>PC1:</strong> <span class="dsf dsf_pc1"></span> </td> </tr> <tr> <td><strong>PC2:</strong> <span class="dsf dsf_pc2"></span> </td> </tr> <tr> <td><strong>PC3:</strong> <span class="dsf dsf_pc3"></span> </td> </tr> <tr> <td><strong>PC4:</strong> <span class="dsf dsf_pc4"></span> </td> </tr> </table> </div> </div> </div> </div> </div> <div class="container"> <div class="myzrow"> <div class="col-8"> <table class="skills"> <tr> <th colspan="2">SKILLS</th> </tr> <tr> <td>Dexterity (Agility) <span class="dsf dsf_dexterity"></span></td> <td>Command (Empathy) <span class="dsf dsf_command"></td> </tr> <tr> <td>Force (Strength) <span class="dsf dsf_force"></span></td> <td>Culture (Empathy) <span class="dsf dsf_culture"></span></td> </tr> <tr> <td>Infultration (Strength) <span class="dsf dsf_fight"></span></td> <td>Djinn (Wits) <span class="dsf dsf_djinn"></span></td> </tr> <tr> <td>Manipulation (Empathy) <span class="dsf dsf_manipulation"></span></td> <td>Medicurgy (Wits) <span class="dsf dsf_medicurgy"></span></td> </tr> <tr> <td>Melee Combat (Strength) <span class="dsf dsf_melee"></span></td> <td>Mystic Powers (Empathy) <span class="dsf dsf_powers"></span></td> </tr> <tr> <td>Observation (Wits) <span class="dsf dsf_observation"></span></td> <td>Pilot (Agility) <span class="dsf dsf_pilot"></span></td> </tr> <tr> <td>Ranged Combat (Agility) <span class="dsf dsf_ranged"></span></td> <td>Science (Wits) <span class="dsf dsf_science"></span></td> </tr> <tr> <td>Survival (Wits) <span class="dsf dsf_survival"></span></td> <td>Technology (Wits) <span class="dsf dsf_technology"></span></td> </tr> </table> <table> <tr> <th>WEAPONS</th> <th>Bonus</th> <th>Damage</th> <th>Range</th> <th>Special</th> </tr> <tr> <td><span class="dsf dsf_weapon1"></span></td> <td><span class="dsf dsf_bonus1"></span></td> <td><span class="dsf dsf_damage1"></span></td> <td><span class="dsf dsf_range1"></span</td> <td><span class="dsf dsf_special1"></span></td> </tr> <tr> <td><span class="dsf dsf_weapon2"></span></td> <td><span class="dsf dsf_bonus2"></span></td> <td><span class="dsf dsf_damage2"></span</td> <td><span class="dsf dsf_range2"></span></td> <td><span class="dsf dsf_special2"></span></td> </tr> <tr> <td><span class="dsf dsf_weapon3"></span></td> <td><span class="dsf dsf_bonus3"></span></td> <td><span class="dsf dsf_damage3"></span</td> <td><span class="dsf dsf_range3"></span></td> <td><span class="dsf dsf_special3"></span></td> </tr> </table> </div> <div class="col-4"> <table class="talents"> <tr> <th>TALENTS</th> </tr> <tr> <td><span class="dsf dsf_talent1"></span> </td> </tr> <tr> <td><span class="dsf dsf_talent2"></span> </td> </tr> <tr> <td><span class="dsf dsf_talent3"></span> </td> </tr> </table> <table class="gear"> <tr> <th>GEAR</th> </tr> <tr> <td><span class="num">1</span> <span class="dsf dsf_gear1"></span> </td> </tr> <tr> <td><span class="num">2</span> <span class="dsf dsf_gear2"></span></td> </tr> <tr> <td><span class="num">3</span></span> <span class="dsf dsf_gear3"></span></td> </tr> <tr> <td><span class="num">4</span> <span class="dsf dsf_gear4"></span></td> </tr> <tr> <td><span class="num">5</span> <span class="dsf dsf_gear5"></span></td> </tr> <tr> <td><span class="num">6</span> <span class="dsf dsf_gear6"></span></td> </tr> <tr> <td><span class="num">7</span> <span class="dsf dsf_gear7"></span></td> </tr> </table> <table class="name"> <tr><td><strong>Armor:</strong> <span class="dsf dsf_armor"></span></td></tr> </table> </div> </div> </div> <div class="bio"><span class="dsf dsf_avatar_image"></span><span class="dsf dsf_bio"><span></div> <div class="extrainfo"> Player:<span class="dsf dsf_player"></span>, Campaign: <span class="dsf dsf_campaign"></span>, Sheet created by:<span class="dsf dsf_dst_author"></span> </div> </div>
CSS
.coriolis-sheet table {border: 2px solid black; width: 100%; margin-bottom: 15px;} .coriolis-sheet .attributes td:last-child {width:20%} .coriolis-sheet td, .coriolis-sheet th {padding: 7px; height: 30px; } .coriolis-sheet td {border-bottom: 1px dotted #AAA} .coriolis-sheet th {border-bottom: 1px solid black} .coriolis-sheet .skills td {width:50%} .coriolis-sheet .skills .dsf {float: right;} .coriolis-sheet .critinj {border-bottom: none; font-size: 10px; height: 15px; padding-top:0;} .coriolis-sheet .condit {font-size: 10px} .coriolis-sheet .bio {overflow: overlay; margin-top: 20px;} .coriolis-sheet .num, .coriolis-sheet .relationships strong {font-size:10px; margin-bottom: 5px; height: 20px; vertical-align: top;} .dsf_avatar_image {display:block; float:right; max-width:25%;} .extrainfo {font-size:10px} .editable .dynamic_sheet_html_template .dsf {background-color:#FFFF66;} .coriolis-sheet .container { width: 100%; max-width: 1140px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .coriolis-sheet .myzrow { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .coriolis-sheet .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .coriolis-sheet .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .coriolis-sheet .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .coriolis-sheet { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } .coriolis-sheet *, .coriolis-sheet ::after, .coriolis-sheet ::before { box-sizing: border-box; } @media only screen and (max-width: 600px) { .coriolis-sheet .col-8, .coriolis-sheet .col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }
Javascript
Submit Notes
Applied media query css for mobile phones
Back
I'm sorry, but we no longer support this web browser. Please
upgrade your browser
or install
Chrome
or
Firefox
to enjoy the full functionality of this site.