Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

Coriolis SE

Author: martinf

Slug: coriolis_se

System: Coriolis: The Third Horizon

DST Source Code

HTML Template

<div class="coriolis-sheet">
                <div class="container">
                    <table class="bio">
                        <tr>
                            <th width="75%">BAKGRUNDSHISTORIA</th>
                            <td rowspan="2" class="dsf dsf_avatar_image" width="25%"></td>
                        </tr>
                        <tr>
                            <td><span class="dsf dsf_bio"></span></td>
                        </tr>
                    </table>

                    <div class="myzrow">
                        <div class="col-4">
                            <table class="attributes">
                                <tr>
                                    <th colspan="2">GRUNDEGENSKAPER</th>
                                </tr>
                                <tr>
                                    <td>STYRKA</td>
                                    <td><span class="dsf dsf_strength"></span></td>
                                </tr>
                                <tr>
                                    <td>KYLA</td>
                                    <td><span class="dsf dsf_agility"></span></td>
                                </tr>
                                <tr>
                                    <td>SKÄRPA</td>
                                    <td><span class="dsf dsf_wits"></span></td>
                                </tr>
                                <tr>
                                    <td>KÄNSLA</td>
                                    <td><span class="dsf dsf_empathy"></span></td>
                                </tr>
                            </table>

                            <table>
                                <tr>
                                    <th colspan="2">TRAUMA</th>
                                </tr>
                                <tr><td>KROPPSPOÄNG (STY + KYL):</td><td><span class="dsf dsf_hitpoints"></span></td></tr>
                                <tr><td colspan="2" class="critinj">KRITISKA SKADOR:</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 colspan="2" class="condit"><span class="dsf dsf_injuries4"></span></td></tr>
                                <tr><td>STRESSPOÄNG (SKP + KNS):</td><td><span class="dsf dsf_mindpoints"></span></td></tr>
                            </table>
                        </div>

                        <div class="col-8">
                            <div class="myzrow">
                                <div class="col-12">
                                    <table class="name">
                                        <tr>
                                            <td>NAMN: <span class="dsf dsf_name"></span></td>
                                            <td>BAKGRUND: <span class="dsf dsf_background"></span></td>
                                        </tr>
                                        <tr>
                                            <td>KONCEPT: <span class="dsf dsf_concept"></span></td>
                                            <td>IKON: <span class="dsf dsf_icon"></span></td>
                                        </tr>
                                        <tr>
                                            <td>GRUPPKONCEPT: <span class="dsf dsf_grconcept"></span></td>
                                            <td>ANSEENDE: <span class="dsf dsf_rep"></span></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">PERSONLIGT PROBLEM: <span class="dsf dsf_problem"></span></td>
                                        </tr>
                                    </table>

                                    <table class="appearance">
                                        <tr>
                                            <th>UTSEENDE</th>
                                        </tr>
                                        <tr>
                                            <td>ANSIKTE: <span class="dsf dsf_face"></span></td>
                                        </tr>
                                        <tr>
                                            <td>KLÄDSEL: <span class="dsf dsf_clothing"></span></td>
                                        </tr>
                                    </table>

                                    <table class="relationships">
                                        <tr>
                                            <th>RELATIONER</th>
                                        </tr>
                                        <tr>
                                            <td><span class="dsf dsf_pc1"></span> </td>
                                        </tr>
                                        <tr>
                                            <td><span class="dsf dsf_pc2"></span> </td>
                                        </tr>
                                        <tr>
                                            <td><span class="dsf dsf_pc3"></span> </td>
                                        </tr>
                                        <tr>
                                            <td><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>
                                <tr>
                                    <th>STRÅLNINGSPOÄNG</th>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_radiation"></span></td>
                                </tr>
                            </table>

                            <table>
                                <tr>
                                    <th>ERFARENHETSPOÄNG</th>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_xp"></span></td>
                                </tr>
                            </table>


                            <table class="skills">
                                <tr>
                                    <th>ALLMÄNNA FÄRDIGHETER</th>
                                    <th>KVALIFICERADE FÄRDIGHETER</th>
                                </tr>
                                <tr>
                                    <td>RÖRLIGHET (KYL) <span class="dsf dsf_dexterity"></span></td>
                                    <td>BEFÄL (KNS) <span class="dsf dsf_command"></span></td>
                                </tr>
                                <tr>
                                    <td>KRAFTPROV (STY) <span class="dsf dsf_force"></span></td>
                                    <td>HORISONTENS KULTURER (KNS) <span class="dsf dsf_culture"></span></td>
                                </tr>
                                <tr>
                                    <td>SMYGA (KYL) <span class="dsf dsf_fight"></span></td>
                                    <td>DATADJINN (SKP) <span class="dsf dsf_djinn"></span></td>
                                </tr>
                                <tr>
                                    <td>MANIPULERA (KNS) <span class="dsf dsf_manipulation"></span></td>
                                    <td>MEDIKURGI (SKP) <span class="dsf dsf_medicurgy"></span></td>
                                </tr>
                                <tr>
                                    <td>NÄRKAMP (STY) <span class="dsf dsf_melee"></span></td>
                                    <td>MYSTISKA KRAFTER (KNS) <span class="dsf dsf_powers"></span></td>
                                </tr>
                                <tr>
                                    <td>SPANING (SKP) <span class="dsf dsf_observation"></span></td>
                                    <td>PILOT (KYL) <span class="dsf dsf_pilot"></span></td>
                                </tr>
                                <tr>
                                    <td>SKJUTVAPEN (KYL) <span class="dsf dsf_ranged"></span></td>
                                    <td>VETENSKAP (SKP) <span class="dsf dsf_science"></span></td>
                                </tr>
                                <tr>
                                    <td>ÖVERLEVNAD (SKP) <span class="dsf dsf_survival"></span></td>
                                    <td>TEKNOLOGI (SKP) <span class="dsf dsf_technology"></span></td>
                                </tr>
                            </table>

                            <table>
                                <tr>
                                    <th>RUSTNING</th>
                                    <th class="small-title">SKYDD</th>
                                    <th class="small-title">ÖVRIGT</th>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_armor"></span></td>
                                    <td><span class="dsf dsf_armor_prot"></span></td>
                                    <td><span class="dsf dsf_armor_extra"></span></td>
                                </tr>
                            </table>

                        </div>

                        <div class="col-4">

                            <table class="talents">
                                <tr>
                                    <th>TALANGER</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>
                                <tr>
                                    <td><span class="dsf dsf_talent4"></span> </td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_talent5"></span> </td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_talent6"></span> </td>
                                </tr>
                            </table>

                            <table class="gear">
                                <tr>
                                    <th>UTRUSTNING</th>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear1"></span> </td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear2"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear3"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear4"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear5"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear6"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear7"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear8"></span></td>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_gear9"></span></td>
                                </tr>
                            </table>

                        </div>

                        <div class="col-12">

                            <table>
                                <tr>
                                    <th>VAPEN</th>
                                    <th class="small-title">BONUS</th>
                                    <th class="small-title">INIT</th>
                                    <th class="small-title">SKADA</th>
                                    <th class="small-title">KRIT</th>
                                    <th class="small-title">RÄCKVIDD</th>
                                    <th class="small-title">ÖVRIGT</th>
                                </tr>
                                <tr>
                                    <td><span class="dsf dsf_weapon1"></span></td>
                                    <td><span class="dsf dsf_bonus1"></span></td>
                                    <td><span class="dsf dsf_init1"></span></td>
                                    <td><span class="dsf dsf_damage1"></span></td>
                                    <td><span class="dsf dsf_crit1"></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_init2"></span></td>
                                    <td><span class="dsf dsf_damage2"></span></td>
                                    <td><span class="dsf dsf_crit2"></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_init3"></span></td>
                                    <td><span class="dsf dsf_damage3"></span></td>
                                    <td><span class="dsf dsf_crit3"></span></td>
                                    <td><span class="dsf dsf_range3"></span></td>
                                    <td><span class="dsf dsf_special3"></span></td>
                                </tr>
                            </table>

                        </div>
                    </div>
                </div>

                <div class="extrainfo">
                    <span>
                        Player:<span class="dsf dsf_player"></span>, Campaign: <span class="dsf dsf_campaign"></span>.<br />
                        Sheet Design by <span class='dsf dsf_dst_author'></span>.<br />
                        Sheet Concepts Based On: "Coriolis Standard" DST by
                        <span><a href='https://www.obsidianportal.com/profile/cczernia'>cczernia</a></span>
                    </span>
                </div>

            </div>

CSS

.coriolis-sheet table {
    border: 2px solid #666666;
    width: 100%;
    margin-bottom: 15px;
    padding: 0px;
}

.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 #AAAAAA;
    border-right: 1px dotted #AAAAAA;
    font-size: smaller;
}

.coriolis-sheet th {
    border-bottom: 1px solid black;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.60);
    font-size: medium
}

.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 .small-title {
    font-size: 12px
}

.coriolis-sheet .bio {
    overflow: auto;
    margin-top: 20px;
    margin-bottom: 15px;
    border: 2px solid #666666;
    min-height: 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;
    width: auto;
}

.extrainfo {
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 10px;
    border-top: 1px solid #000000;
}

.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;
    text-align: left;
}

    .coriolis-sheet *, .coriolis-sheet ::after, .coriolis-sheet ::before {
        box-sizing: border-box;
    }

Javascript

Back

Coriolis SE

Create Your Campaign

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.

Coriolis SE

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

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.