Nekromanti Eon IV Roll20 karatärsblad samt OB tärnings script

Spider Jerusalem · 23 Oct 2014

Här är lite hjälpmedel om man vill spela Eon IV över Roll20 vilket jag gör med en grupp.
Allt är inte optimalt och jag håller fortfarande på att fnular med saker och ting.

Karaktärs blad CSS:

Code:

/* CSS Reset */{}
.charsheet .sheet-wrapper div, .charsheet .sheet-wrapper span, .charsheet .sheet-wrapper label,
.charsheet .sheet-wrapper h1, .charsheet .sheet-wrapper h2, .charsheet .sheet-wrapper h3, .charsheet .sheet-wrapper h4, .charsheet .sheet-wrapper h5, .charsheet .sheet-wrapper h6, .charsheet .sheet-wrapper p,
.charsheet .sheet-wrapper table, .charsheet .sheet-wrapper caption, .charsheet .sheet-wrapper tbody, .charsheet .sheet-wrapper tfoot, .charsheet .sheet-wrapper thead, .charsheet .sheet-wrapper tr, .charsheet .sheet-wrapper th, .charsheet .sheet-wrapper td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    color: #404040;
    vertical-align: baseline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.charsheet .sheet-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
}

.charsheet .sheet-wrapper input::-webkit-outer-spin-button,
.charsheet .sheet-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.charsheet .sheet-wrapper input[type="number"] {
-moz-appearance: textfield;
}

.charsheet .sheet-wrapper textarea {
  resize: none;
}

/* Button Reset */

.charsheet .sheet-wrapper button[type="roll"]:before {
    content: ""!important;
    display: none;
}

.charsheet .sheet-wrapper button[type="roll"],
.charsheet .sheet-wrapper .sheet-btn {
    width: 100%;
    height:24px;
    vertical-align: middle;
    padding: 0;
    display: inline-block;
    margin: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    background-color: transparent;
    border: 1px solid #ccc;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.charsheet .sheet-wrapper button[type="roll"]:hover,
.charsheet .sheet-wrapper .sheet-btn:hover,
.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
    background-color: #DAA520;
    border-color: #DAA520;
}

.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
    
}

.charsheet .sheet-wrapper button[type="roll"] label,
.charsheet .sheet-wrapper button[type="roll"] input {
    height:24px;
    line-height: 24px;
    font-size: 13px;
    vertical-align: middle;
    text-align:center;
    width: 99%;
    cursor: pointer;
    background: none;
    box-shadow: none;
    transition: none;
    border-radius: none;
    border:none;
    font-weight:700;
}

.charsheet .sheet-wrapper button[type="roll"] input {
}

.charsheet .sheet-wrapper button[type="roll"]:hover label,
.charsheet .sheet-wrapper button[type="roll"]:hover input {
    color: white;
    border: none;
}

/* Main Styles */

.charsheet {
    background-image: url(http://i.imgur.com/5GbMHfg.png);
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: 14px;
}

.charsheet .sheet-wrapper h3 {
    color: black;
    padding:3px;
    margin-bottom:5px;
    font-size:18px;
    font-weight:bold;
    font-family: inherit;
    text-transform:uppercase;
    text-align:center;
}
.charsheet .sheet-wrapper textarea {
    display: inline-block;
    border: 1px solid #aaa;
    padding: 2px;
    height: 24px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    color: #555;
    background-color: white;
    vertical-align: middle;
    cursor: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-writing-mode: horizontal-tb;
}

.charsheet .sheet-wrapper input, .charsheet .sheet-wrapper select, .charsheet .sheet-wrapper input[type="number"] {
    display: inline-block;
    border-bottom: 1px dotted gray;
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 2px;
    height: 24px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    color: #555;
    background-color: transparent;
    vertical-align: middle;
    cursor: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-writing-mode: horizontal-tb;
}

.charsheet .sheet-wrapper input:not([type='checkbox']) {
    -webkit-appearance: textfield;
}

.charsheet .sheet-wrapper input[type="checkbox"] {
    height: 13px;
    width: 13px;
    color: #555;
    border: 1px solid #aaa;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}

.charsheet .sheet-wrapper input[disabled],
.charsheet .sheet-wrapper select[disabled],
.charsheet .sheet-wrapper textarea[disabled],
.charsheet .sheet-wrapper input[readonly],
.charsheet .sheet-wrapper select[readonly],
.charsheet .sheet-wrapper textarea[readonly] {
    background-color: transparent;
    border-color: #aaa;
    cursor: not-allowed;
}

.charsheet .sheet-wrapper textarea {
    width: 98%;
    height: 80px;
    line-height: 16px;
}

.charsheet .sheet-wrapper label {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.charsheet .sheet-wrapper .sheet-3colrow .sheet-col {
    width: calc(40% - 9px) !important;
    margin-right: 5px !important;
}

.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:nth-child(2) {
    width: calc(20% - 9px) !important;
    margin-right:5px;
}

.charsheet .sheet-wrapper .sheet-3colrow .sheet-col:last-child {
    margin-right: 0 !important;
}

.charsheet .sheet-wrapper .sheet-2colrow .sheet-col {
    width: calc(50% - 3px) !important;
    margin-right: 2px !important;
}

.charsheet .sheet-wrapper .sheet-2colrow .sheet-col:last-child {
    margin-right: 0 !important;
}

.charsheet .sheet-wrapper .sheet-1colrow .sheet-col {
    width: calc(100% - 3px) !important;
    margin-right: 0 !important;
}

/* Table Container */

.charsheet .sheet-wrapper .sheet-tablecontainer {
    display:table;
}
.charsheet .sheet-wrapper .sheet-tablecell {
    display:table-cell;
}

/* Special Styles */

.charsheet .sheet-wrapper .sheet-skills td:first-child {
        width:64%;
        height:24px;        
        border-bottom:1px solid gray;
    }
    
.charsheet .sheet-wrapper .sheet-skills td:nth-child(n+2) {
        width:8%;
        height:24px;
        border-bottom:1px solid gray;
        text-align:center;
    }
.charsheet .sheet-wrapper .sheet-skills td:last-child {
        width:20%;
        height:24px;
        border-bottom:1px solid gray;
        text-align:center;
    }
.charsheet .sheet-wrapper .sheet-skills button[type="roll"] {
    width: 100%;
}

.charsheet .sheet-wrapper .sheet-transparent {
    background: transparent;
    border: transparent;
}

.charsheet .sheet-wrapper .sheet-inline {
    display:inline-block;
}

.charsheet .sheet-wrapper .sheet-quickborder {
    border: 1px solid #AAAAAA;
    padding:3px;
    margin-bottom:5px;
}

.charsheet .sheet-wrapper .sheet-uppercase {
    text-transform: uppercase;
}
    .charsheet .sheet-wrapper .sheet-uppercase label {
        text-align: center;
    }

.charsheet .sheet-wrapper .sheet-armourblock {
    text-align: center;
    margin: auto auto 5px auto;
    width: calc(33% - 3px);
    display: inline-block;
}
    .charsheet .sheet-wrapper .sheet-armourblock label {
        text-align: center;
        text-transform:uppercase;    
    }
    
    .charsheet .sheet-wrapper .sheet-armourblock input {
        text-align: center;
        font-size: 1.2em;
    }

/* Rows and Items */

.charsheet .sheet-wrapper .sheet-row {
    height: 24px;
    margin: 0 0 2px;
}
.charsheet .sheet-wrapper .sheet-doublerow {
    height: 48px;
    margin: 0 0 2px;
}

.charsheet .sheet-wrapper .sheet-alternative:nth-child(even) {
    background-color: #DBB0B1;
}

.charsheet .sheet-wrapper .sheet-header {
    height: 20px;
    margin: 0;
}

.charsheet .sheet-wrapper .sheet-header label {
    padding: 0;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
}

.charsheet .sheet-wrapper .sheet-item {
    display: inline-block;
    width: 100%;
    height: 28px;
    vertical-align: middle;
    margin: 0 -2px;
    text-align: left;
    padding: 3px 2px;
}

    .charsheet .sheet-wrapper .sheet-brackets {
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        border-radius: 12px;    
    }
    
.charsheet .sheet-wrapper .sheet-item.sheet-center {
    text-align: center;
}

.charsheet .sheet-wrapper .sheet-item.sheet-multiline label {
    line-height: 12px;
    padding-top: 1px;
}

.charsheet .sheet-wrapper .sheet-item.sheet-puny {
    width: calc(10% - 3%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-little {
    width: calc(12% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-tiny {
    width: calc(15% - 2%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-small {
    width: calc(20% - 0.5%);
}

.charsheet .sheet-wrapper textarea.sheet-small {
    height: 32px;
}

.charsheet .sheet-wrapper .sheet-item.sheet-med {
    width: calc(30% - 0.5%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-large {
    width: calc(40% - 3%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-big {
    width: calc(50% - 3%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-morebig {
    width: calc(60% - 3%);    
}
.charsheet .sheet-wrapper .sheet-item.sheet-bigger {
    width: calc(70% - 3%);
}

.charsheet .sheet-wrapper .sheet-item.sheet-huge {
    width: calc(80% - 3%);
}

/* Characteristics */

    .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] label,
    .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] input {
        height:25px;
        line-height: 25px;
        font-size: 16px;
        font-weight: bold;
        font-family: inherit;        
        vertical-align: center;
        text-align:center;
        width: 99%;
        cursor: pointer;
        background: none;
        box-shadow: none;
        transition: none;
        border-radius: none;
        border:none;
    }
    
    .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover label,
    .charsheet .sheet-wrapper .sheet-characteristics button[type="roll"]:hover input {
        color: #fff;
        border: none;
        background-color: #DAA520;
        border-color: #DAA520;
        border-radius: 5px;      
    }
    
.charsheet .sheet-wrapper .sheet-characteristics button[type="roll"] {
        border: none;
        background-color: transparent;
        width: 100%;
        margin:auto;
        text-align:center;
        font-family: inherit;
}
    
.charsheet .sheet-wrapper .sheet-characteristics select {
        display:inline-block;
        width:100%;
        text-align: center;
        background-color:transparent;
        border:0;
        font-weight:bold;
    }

.charsheet .sheet-wrapper .sheet-characteristics label {
        height:25px;
        line-height: 25px;
        font-size: 16px;
        font-weight: bold;
        font-family: inherit;        
        vertical-align: center;
        text-align:center;
        width: 99%;
        cursor: pointer;
        background: none;
        box-shadow: none;
        transition: none;
        border-radius: none;
        border:none;
    }
    
.charsheet .sheet-wrapper .sheet-characteristics input {    
        display:block;
        border:1px solid gray;
        background-color:transparent;
        width:70%;
        height:65px;
        margin:auto;
        text-align:center;
        font-weight:bolder;
        font-family: inherit;
        font-size:2em;
    }

/* Footer */

.charsheet .sheet-wrapper .sheet-footer {
    display:inline-block;
    padding:5px;
    vertical-align:super;
    font-size:0.9em;
    line-height:0.8em;
    text-align:center;
}
.charsheet .sheet-wrapper .sheet-footer td {
}

    .charsheet .sheet-wrapper  .sheet-innerfooter {
        display:inline-block;
        border:inherit;
        width:47%;
        padding:2px;
    }
        .charsheet .sheet-wrapper .sheet-innerfooter input {
            width:100%;
            margin-top:-7px;
        }
        
.sheet-mainleft {
    width:39%;
    float:left;
    padding-right: 1%;
}
.sheet-mainright {
    width:39%;
    float:right;
}

Karaktärs blad HTML:
?

HTML:

<div class="sheet-wrapper">

<!-- Logo Header -->
<div class="sheet-1colrow">
    <div class="sheet-col" style="margin-bottom:-30px;">
        <img src="http://helmgast.se/static/img/themes/eon-logo-medium.png" style="max-height: 100px; margin-left:21%;"/>
    </div>
</div>

<!-- Base Character Information -->
<div class="sheet-1colrow">
    <div class="sheet-col">
    
        <div class="sheet-row">
            <div class="sheet-item" style="width:13.2%"><label>Namn</label></div>
            <div class="sheet-item sheet-large"><input type="text" name="attr_character_name" /></div>
            <div class="sheet-item sheet-tiny"><label>Spelare</label></div>
            <div class="sheet-item sheet-large"><input type="text" name="attr_playername" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-little"><label>Hemstad</label></div>
            <div class="sheet-item sheet-med"><input type="text" name="attr_hometown" /></div>
            <div class="sheet-item sheet-little"><label>Bakgrund</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_background" /></div>
            <div class="sheet-item sheet-puny"><label>Miljö</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_enviroment" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-little"><label>Arketyp</label></div>
            <div class="sheet-item sheet-large"><input type="text" name="attr_archtype"/></div>
            <div class="sheet-item sheet-puny"></div>
            <div class="sheet-item sheet-puny"><label>Religion</label></div>
            <div class="sheet-item sheet-large"><input type="text" name="attr_religion"/></div>            
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-puny"><label>Kön</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_gender" /></div>
            <div class="sheet-item sheet-puny"><label>Längd</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_height" /></div>
            <div class="sheet-item sheet-puny"><label>Vikt</label></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_weight" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-row">
                <div class="sheet-item sheet-little"><label>Hudfärg</label></div>
                <div class="sheet-item sheet-tiny"><input type="text" name="attr_skincolour" /></div>
                <div class="sheet-item sheet-little"><label>Hårfärg</label></div>
                <div class="sheet-item sheet-tiny"><input type="text" name="attr_haircolour" /></div>
                <div class="sheet-item sheet-puny"></div>
                <div class="sheet-item sheet-little"><label>Ögonfärg</label></div>
                <div class="sheet-item sheet-tiny"><input type="text" name="attr_eyecolour" /></div>
                <div class="sheet-item sheet-puny"><label>Ålder</label></div>
                <div class="sheet-item sheet-tiny"><input type="text" name="attr_age" /></div>
            </div>    
        </div>      
    </div>    
</div>
<!-- Main Sheet First Tier -->
<div class="sheet-3colrow">

    <!-- Left Column -->
    <div class="sheet-col sheet-skills">
    <hr>
        <h3>Färdigheter</h3>    
        <table>
            <tr>
                <th><b>Stridsfärdigheter</b></th>
                <th><b>T6+</b></th>
            </tr>        
            <tr>
                <td>Armborst (UPP) •</td>
                <td><input type="text" name="attr_armborst" value="0" /></td>
              
            </tr>
            <tr>
                <td>Båge (UPP) •</td>
                <td><input type="text" name="attr_båge1" value="0" /></td>
            </tr>
            <tr>
                <td>Dolk (RÖR) •</td>
                <td><input type="text" name="attr_dolk1" value="0" /></td>
            </tr>
            <tr>
                <td>Kastvapen (UPP) •</td>
                <td><input type="text" name="attr_kastvapen1" value="0" /></td>
            </tr>
            <tr>
                <td>Klubba (UPP) •</td>
                <td><input type="text" name="attr_klubba1" value="0" /></td>
            </tr>
            <tr>
                <td>Kedjevapen (RÖR) •</td>
                <td><input type="text" name="attr_kedjevapen1" value="0" /></td>
            </tr>
            <tr>
                <td>Sköld (RÖR) •</td>
                <td><input type="text" name="attr_sköld1" value="0" /></td>
            </tr>
            <tr>
                <td>Slagsmål (STY) •</td>
                <td><input type="text" name="attr_slagsmål1" value="0" /></td>
            </tr>
            <tr>
                <td>Spjut (RÖR) •</td>
                <td><input type="text" name="attr_spjut1" value="0" /></td>
            </tr>
            <tr>
                <td>Stav (RÖR) •</td>
                <td><input type="text" name="attr_stav1" value="0" /></td>
            </tr>
            <tr>
                <td>Svärd (RÖR) •</td>
                <td><input type="text" name="attr_svärd1" value="0" /></td>
            </tr>
            <tr>
                <td>Yxa (STY) •</td>
                <td><input type="text" name="attr_yxa1" value="0" /></td>
            </tr>
            <!-- Rörelsefärdigheter -->
            <tr>
                <th><b>Rörelsefärdigheter</b></th>
                <th><b>T6</b></th>
            </tr>        
            <tr>
                <td>Dansa (RÖR) •</td>
                <td><input type="text" name="attr_dansa1" value="0" /></td>
            </tr>
            <tr>
                <td>Fingerfärdighet (RÖR) •</td>
                <td><input type="text" name="attr_fingerfärdighet1" value="0" /></td>
            </tr>
            <tr>
                <td>Gömma (PSY) •</td>
                <td><input type="text" name="attr_gömma1" value="0" /></td>
            </tr>
            <tr>
                <td>Hoppa (RÖR) •</td>
                <td><input type="text" name="attr_hoppa1" value="0" /></td>
            </tr>
            <tr>
                <td>Klättra (RÖR) •</td>
                <td><input type="text" name="attr_klättra1" value="0" /></td>
            </tr>
            <tr>
                <td>Låsdyrkning (PSY)</td>
                <td><input type="text" name="attr_låsdyrkning1" value="0" /></td>
            </tr>
            <tr>
                <td>Simma (TÅL)</td>
                <td><input type="text" name="attr_simma1" value="0" /></td>
            </tr>
            <tr>
                <td>Smyga (RÖR) •</td>
                <td><input type="text" name="attr_smyga1" value="0" /></td>
            </tr>
            <tr>
                <td>Undvika (RÖR) •</td>
                <td><input type="text" name="attr_undvika1" value="0" /></td>
            </tr>
            <!-- Sociala färdigheter -->
            <tr>
                <th><b>Sociala färdigheter</b></th>
                <th><b>T6</b></th>
            </tr>
            <tr>
                <td>Argumentera (PSY) •</td>
                <td><input type="text" name="attr_argumentera1" value="0" /></td>
            </tr>
            <tr>
                <td>Berättarkonst (UTS) •</td>
                <td><input type="text" name="attr_berättarkonst1" value="0" /></td>
            </tr>
            <tr>
                <td>Charm (UTS) •</td>
                <td><input type="text" name="attr_charm1" value="0" /></td>
            </tr>
            <tr>
                <td>Dupera (UTS) •</td>
                <td><input type="text" name="attr_dupera1" value="0" /></td>
            </tr>
            <tr>
                <td>Genomskåda (PSY) •</td>
                <td><input type="text" name="attr_genomskåda1" value="0" /></td>
            </tr>
            <tr>
                <td>Hovliv (PSY)</td>
                <td><input type="text" name="attr_hovliv1" value="0" /></td>
            </tr>
            <tr>
                <td>Injaga Fruktan (PSY) •</td>
                <td><input type="text" name="attr_injagafruktan1" value="0" /></td>
            </tr>
            <tr>
                <td>Ledarskap (UTS) •</td>
                <td><input type="text" name="attr_ledarskap1" value="0" /></td>
            </tr>
            <tr>
                <td>Skumraskaffärer (PSY)</td>
                <td><input type="text" name="attr_skumraskaffärer1" value="0" /></td>
            </tr>
            <tr>
                <td>Spel & Dobbel (PSY) •</td>
                <td><input type="text" name="attr_speldobbel1" value="0" /></td>
            </tr>
            <tr>
                <td>Sång & Musik (UTS) •</td>
                <td><input type="text" name="attr_sångmusik1" value="0" /></td>
            </tr>
            <tr>
                <th><b>Övriga färdigheter</b></th>
                <th><b>T6</b></th>
            </tr>
        </table>
        
        <fieldset class="repeating_basicskills">
            <table><tr>
                <td>
                    <div class="sheet-row">
                        <div class="sheet-item sheet-bigger">
                            <input class="sheet-baseinfo" type="text" name="attr_basicskillname"/>    
                        </div>
                    </div>
                </td>
                <td><input type="text" name="attr_basicskill" value="0" /></td>
                </table></tr>
        </fieldset>
        
        <h3>Fokus</h3>
        <div class="sheet-row">
            <div class="sheet-item sheet-little" style="width:100%;">
                <input type="checkbox" name="attr_fokus1" />
                <input type="checkbox" name="attr_fokus2" />
                <input type="checkbox" name="attr_fokus3" />
                <input type="checkbox" name="attr_fokus4" />
                <input type="checkbox" name="attr_fokus5" />
                +1t6 1 Fokus, +2t6 3 Fokus
            </div>
        </div>    
        <div class="sheet-row">
            <div class="sheet-item sheet-little" style="width:100%;">
                <input type="checkbox" name="attr_fokus6" />
                <input type="checkbox" name="attr_fokus7" />
                <input type="checkbox" name="attr_fokus8" />
                <input type="checkbox" name="attr_fokus9" />
                <input type="checkbox" name="attr_fokus10" />
                +3t6 6 Fokus, +4t6 10 Fokus
            </div>
        </div>
        <div class="sheet-row">
           Välmående <input class="sheet-item sheet-little" type="text" name="attr_välmående"/>  
        </div>
        <div class="sheet-row">
        </div>
        <h3>Primärt Karaktärsdrag</h3>
        <div class="sheet-item"><input type="text" name="attr_primärtkaraktärsdrag" /></div>
            <div class="sheet-row">
                <input type="checkbox" name="attr_primärtkaraktärsdragbox1" />
                <div class="sheet-item" style="width:5%"><label>I</label></div>
                <div class="sheet-item" style="width:90%"><input type="text" name="attr_primärtkaraktärsdragI" /></div>
            </div>
            <div class="sheet-row">
                <input type="checkbox" name="attr_primärtkaraktärsdragbox2" />
                <div class="sheet-item" style="width:5%"><label>II</label></div>
                <div class="sheet-item" style="width:90%"><input type="text" name="attr_primärtkaraktärsdragII" /></div>
            </div>
            <div class="sheet-row">
                <input type="checkbox" name="attr_primärtkaraktärsdragbox3" />
                <div class="sheet-item" style="width:5%"><label>III</label></div>
                <div class="sheet-item" style="width:90%"><input type="text" name="attr_primärtkaraktärsdragIII" /></div>
            </div>
            
        <h3>Sekundärt Karaktärsdrag</h3>
        <div class="sheet-item"><input type="text" name="attr_sekundärtkaraktärsdrag" /></div>
            <div class="sheet-row">
                <input type="checkbox" name="attr_sekundärtkaraktärsdragbox1" />
                <div class="sheet-item" style="width:5%"><label>I</label></div>
                <div class="sheet-item" style="width:90%"><input type="text" name="attr_sekundärtkaraktärsdragI" /></div>
            </div>
            <div class="sheet-row">
                <input type="checkbox" name="attr_sekundärtkaraktärsdragbox2" />
                <div class="sheet-item" style="width:5%"><label>II</label></div>
                <div class="sheet-item" style="width:90%"><input type="text" name="attr_sekundärtkaraktärsdragII" /></div>
            </div>
            <div class="sheet-row">
                <input type="checkbox" name="attr_sekundärtkaraktärsdragbox3" />
                <div class="sheet-item" style="width:5%"><label>III</label></div>
                <div class="sheet-item" style="width:90%"><input type="text" name="attr_sekundärtkaraktärsdragIII" /></div>
            </div>
    </div>
    
    <!-- Mid Column / Characteristics -->
    <div class="sheet-col sheet-characteristics">
        <h3>Grundattribut</h3>
        <label>Styrka (STY)</label>

               <input type="text" name="attr_sty1" value="0"/>
        <label>Tålighet (TÅL)</label>

               <input type="text" name="attr_tål1" value="0"/>
        <label>Rörlighet (RÖR)</label>

               <input type="text" name="attr_rör1" value="0"/>
        <label>Uppfattning (UPP)</label>

               <input type="text" name="attr_upp1" value="0"/>    
        <label>Vilja (VIL)</label>

               <input type="text" name="attr_vil1" value="0"/>
        <label>Psyke (PSY)</label>

               <input type="text" name="attr_psy1" value="0"/>
        <label>Visdom (VIS)</label>

               <input type="text" name="attr_vis1" value="0"/>
        <label>Utstrålning (UTS)</label>

            <input type="text" name="attr_uts1" value="0"/>
            <hr>
        <label>Livskraft</label>

               <input type="text" name="attr_livskraft2" value="0"/>
        <label>Självkontroll</label>

               <input type="text" name="attr_självkontroll2" value="0"/>
        <label>Intryck</label>

               <input type="text" name="attr_intryck2" value="0"/>
        <label>Kroppsbyggnad</label>

               <input type="text" name="attr_kroppsbyggnad2" value="0"/>        
        <label>Reaktion</label>

               <input type="text" name="attr_reaktion2" value="0"/>
        <label>Vaksamhet</label>

               <input type="text" name="attr_vaksamhet2" value="0"/>
        <label>Förflyttning</label>

                <input type="text" name="attr_förflyttning2" value="0"/>
    </div>
    
    <!-- Right Column -->
    <div class="sheet-col sheet-skills">
    <hr>
        <h3>Färdigheter</h3>
        <table>
            <tr>
                <th><b>Kunskapsfärdigheter</b></th>
                <th><b>T6</b></th>
            </tr>
            <tr>
                <td>Filosofi (VIS)</td>
                <td><input type="text" name="attr_filosofi1" value="0" /></td>
            </tr>
            <tr>
                <td>Geografi (VIS)</td>
                <td><input type="text" name="attr_geografi1" value="0" /></td>
            </tr>
            <tr>
                <td>Gifter & Droger (VIS)</td>
                <td><input type="text" name="attr_gifterdroger1" value="0" /></td>
            </tr>
            <tr>
                <td>Handel (VIS) •</td>
                <td><input type="text" name="attr_handel1" value="0" /></td>
            </tr>
            <tr>
                <td>Historia (VIS)</td>
                <td><input type="text" name="attr_historia1" value="0" /></td>
            </tr>
            <tr>
                <td>Kalkylera (VIS)</td>
                <td><input type="text" name="attr_kalkylera1" value="0" /></td>
            </tr>
            <tr>
                <td>Kirurgi (VIS)</td>
                <td><input type="text" name="attr_kirurgi1" value="0" /></td>
            </tr>
            <tr>
                <td>Krigsföring (VIS)</td>
                <td><input type="text" name="attr_krigsföring1" value="0" /></td>
            </tr>
            <tr>
                <td>Kulturkännedom (VIS)</td>
                <td><input type="text" name="attr_kulturkännedom1" value="0" /></td>
            </tr>
            <tr>
                <td>Lagkunskap (VIS)</td>
                <td><input type="text" name="attr_lagkunskap1" value="0" /></td>
            </tr>
            <tr>
                <td>Läkekonst (VIS)</td>
                <td><input type="text" name="attr_läkekonst1" value="0" /></td>
            </tr>
            <tr>
                <td>Ockultism (VIS)</td>
                <td><input type="text" name="attr_ockultism1" value="0" /></td>
            </tr>
            <tr>
                <td>Teologi (VIS)</td>
                <td><input type="text" name="attr_teologi1" value="0" /></td>
            </tr>
            <tr>
                <td>Teoretisk magi (VIS)</td>
                <td><input type="text" name="attr_teoretiskmagi1" value="0" /></td>
            </tr>
            <tr>
                <td>Undervisa (VIS)</td>
                <td><input type="text" name="attr_undervisa1" value="0" /></td>
            </tr>
            <tr>
                <th><b>Vildmarksfärdigheter</b></th>
                <th><b>T6</b></th>
            </tr>
            <tr>
                <td>Genomsöka (UPP) •</td>
                <td><input type="text" name="attr_genomsöka1" value="0" /></td>
            </tr>
            <tr>
                <td>Jakt & Fiske (PSY)</td>
                <td><input type="text" name="attr_jaktfiske1" value="0" /></td>
            </tr>
            <tr>
                <td>Köra vagn (RÖR) •</td>
                <td><input type="text" name="attr_köravagn1" value="0" /></td>
            </tr>
            <tr>
                <td>Marsch (TÅL) •</td>
                <td><input type="text" name="attr_marsch1" value="0" /></td>
            </tr>
            <tr>
                <td>Naturlära (PSY)</td>
                <td><input type="text" name="attr_naturlära1" value="0" /></td>
            </tr>
            <tr>
                <td>Navigation (PSY)</td>
                <td><input type="text" name="attr_navigation1" value="0" /></td>
            </tr>
            <tr>
                <td>Orientering (PSY) •</td>
                <td><input type="text" name="attr_orientering1" value="0" /></td>
            </tr>
            <tr>
                <td>Rida (RÖR) •</td>
                <td><input type="text" name="attr_rida1" value="0" /></td>
            </tr>
            <tr>
                <td>Sjömannskap (PSY)</td>
                <td><input type="text" name="attr_sjömannskap1" value="0" /></td>
            </tr>
            <tr>
                <td>Speja (UPP) •</td>
                <td><input type="text" name="attr_speja1" value="0" /></td>
            </tr>
            <tr>
                <td>Spåra (UPP) •</td>
                <td><input type="text" name="attr_spåra1" value="0" /></td>
            </tr>
            <tr>
                <td>Vildmarksvana (PSY)</td>
                <td><input type="text" name="attr_vildmarksvana1" value="0" /></td>
            </tr>
            <tr>
                <th><b>Mystikfärdigheter</b></th>
                <th><b>T6</b></th>
            </tr>
            <tr>
                <td>Cermoni (VIS)</td>
                <td><input type="text" name="attr_cermoni1" value="0" /></td>
            </tr>
            <tr>
                <td>Förnimma (VIS)</td>
                <td><input type="text" name="attr_förnimma1" value="0" /></td>
            </tr>
            <tr>
                <td>Förvränga (VIS)</td>
                <td><input type="text" name="attr_förvränga1" value="0" /></td>
            </tr>
            <tr>
                <td>Kanalisera (VIS)</td>
                <td><input type="text" name="attr_kanalisera1" value="0" /></td>
            </tr>
            <tr>
                <th><b>Språkfärdigheter</b></th>
                <th><b>B</b></th>
                <th><b>F</b></th>
                <th><b>L/S</b></th>
            </tr>
        </table>    
        <fieldset class="repeating_advancedskills">
            <table>
                <tr>
                    <td>
                        <div class="sheet-row">
                            <div class="sheet-item sheet-bigger">
                                <input class="sheet-baseinfo" type="text" name="attr_advancedskillname"/>    
                            </div>
                        </div>
                    </td>
                    <td><input type="checkbox" name="attr_advancedskillbox1" value="Brytning" /></td>
                    <td><input type="checkbox" name="attr_advancedskillbox2" value="Flytande" /></td>
                    <td><input type="checkbox" name="attr_advancedskillbox3" value="Läsa&Skriva" /></td>
                </tr>
            </table>
        </fieldset>
        
        <hr>
        
        <!-- ATTENTION PSYKERS AHEAD! -->
        
        <h3>Avtrubbning</h3>
        <div class="sheet-row">
            <div class="sheet-item sheet-little" style="width:100%;">
                <input type="checkbox" name="attr_utsatthet1" value="5" />
                <input type="checkbox" name="attr_utsatthet2" value="5" />
                <input type="checkbox" name="attr_utsatthet3" value="5" />
                <input type="checkbox" name="attr_utsatthet4" value="5" />
                <input type="checkbox" name="attr_utsatthet5" value="5" />
                <input type="text" class="sheet-item sheet-tiny" name="attr_Uttsathet" value="(@{utsatthet1}+@{utsatthet2}+@{utsatthet3}+@{utsatthet4}+@{utsatthet5})" disabled="true"/>
                Utsatthet                
            </div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-little" style="width:100%;">
                <input type="checkbox" name="attr_våld1" value="5" />
                <input type="checkbox" name="attr_våld2" value="5" />
                <input type="checkbox" name="attr_våld3" value="5" />
                <input type="checkbox" name="attr_våld4" value="5" />
                <input type="checkbox" name="attr_våld5" value="5" />
                <input type="text" class="sheet-item sheet-tiny" name="attr_Våld" value="(@{våld1}+@{våld2}+@{våld3}+@{våld4}+@{våld5})" disabled="true"/>
                Våld                
            </div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-little" style="width:100%;">
                <input type="checkbox" name="attr_övernaturligt1" value="5" />
                <input type="checkbox" name="attr_övernaturligt2" value="5" />
                <input type="checkbox" name="attr_övernaturligt3" value="5" />
                <input type="checkbox" name="attr_övernaturligt4" value="5" />
                <input type="checkbox" name="attr_övernaturligt5" value="5" />
                <input type="text" class="sheet-item sheet-tiny" name="attr_Övernaturligt" value="(@{övernaturligt1}+@{övernaturligt2}+@{övernaturligt3}+@{övernaturligt4}+@{övernaturligt5})" disabled="true"/>
                Övernaturligt              
            </div>
        </div>
        <div class="sheet-row">
        </div>    
        <!-- Mutations anyone? -->  
        <h3>Belastning</h3>
            <div class="sheet-row">
                <div class="sheet-item sheet-puny"></div>
                <div class="sheet-item sheet-med"><label>Belastning</label></div>
                <div class="sheet-item sheet-small"><label>Avdrag</label></div>
                <div class="sheet-item sheet-med"><label>Grunduttmattning</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-puny"><input type="checkbox" name="attr_belastning1"/></div>
                <div class="sheet-item sheet-med"><label>0-8</label></div>
                <div class="sheet-item sheet-small"><label>-</label></div>
                <div class="sheet-item sheet-med"><label>±0</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-puny"><input type="checkbox" name="attr_belastning2"/></div>
                <div class="sheet-item sheet-med"><label>9-16</label></div>
                <div class="sheet-item sheet-small"><label>-1T6</label></div>
                <div class="sheet-item sheet-med"><label>±0</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-puny"><input type="checkbox" name="attr_belastning3"/></div>
                <div class="sheet-item sheet-med"><label>17-24</label></div>
                <div class="sheet-item sheet-small"><label>-1T6</label></div>
                <div class="sheet-item sheet-med"><label>+2</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-puny"><input type="checkbox" name="attr_belastning4"/></div>
                <div class="sheet-item sheet-med"><label>25-32</label></div>
                <div class="sheet-item sheet-small"><label>-2T6</label></div>
                <div class="sheet-item sheet-med"><label>+2</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-puny"><input type="checkbox" name="attr_belastning5"/></div>
                <div class="sheet-item sheet-med"><label>33-40</label></div>
                <div class="sheet-item sheet-small"><label>-2T6</label></div>
                <div class="sheet-item sheet-med"><label>+4</label></div>                
            </div>
            
            <div class="sheet-row"></div>
            
            <h3>Utmattning</h3>
            <div class="sheet-row">
                <div class="sheet-item sheet-med"><label>Utmattning:</label></div>
                <div class="sheet-item sheet-small"><input type="text" name="attr_headuttmattning" /></div>
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-large"><label>Grunduttmattning:</label></div>    
                <div class="sheet-item sheet-small"><input type="text" name="attr_headgrunduttmattning" /></div>
            </div>
        
              
    </div>        
</div>
<div class="sheet-2colrow">
    <div class="sheet-col">
        <h3>Närstridsvapen</h3>
        <fieldset class="repeating_meleeweapons">
            <div class="sheet-quickborder">        
                <div class="sheet-row">
                    <div class="sheet-item sheet-tiny"><label>Vapen:</label></div>
                    <div class="sheet-item sheet-big"><input type="text" name="attr_meleeweaponname" /></div>            
                    <div class="sheet-item sheet-small"><label>Färdighet:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_meleeweaponskill" /></div>
                </div>
                <div class="sheet-row">
                    <div class="sheet-item sheet-tiny"><label>Hugg:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_meleeHugg" /></div>
                    <div class="sheet-item sheet-tiny"><label>Kross:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_meleeKross" /></div>
                    <div class="sheet-item sheet-tiny"><label>Stick:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_meleeStick" /></div>
                </div>          
                <div class="sheet-row">
                    <div class="sheet-item sheet-small"><label>Egenskaper:</label></div>
                    <div class="sheet-item sheet-morebig"><input type="text" name="attr_meleeegenskaper" /></div>            
                    </div>
                </div>
        </fieldset>
        
        <div class="sheet-row">
            <div class="sheet-item sheet-med"><label>Vapen hand:</label></div>
            <div class="sheet-item sheet-bigger"><input type="text" name="attr_handedness" /></div>
        </div>
                       
    
        <!-- Armor! -->
        <h3>Kroppsdelar</h3>
        <div class="sheet-armourblock">
        
        </div>        
           <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>Träfftabell</label></div>
            <div class="sheet-item sheet-small"><label>Rustning</label></div>            
            <div class="sheet-item sheet-puny"><label>Bel.</label></div>
            <div class="sheet-item sheet-tiny"><label>Hugg</label></div>
            <div class="sheet-item sheet-tiny"><label>Kross</label></div>
            <div class="sheet-item sheet-tiny"><label>Stick</label></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>1 Huvud</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_rustninghuvud" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_rustninghuvudbel" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustninghuvudhugg" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustninghuvudkross" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustninghuvudstick" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>2-4 Torso</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_rustningtorso" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_rustningtorsobel" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningtorsohugg" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningtorsokross" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningtorsostick" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>5-6 V. Arm</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_rustningvarm" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_rustningvarmbel" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningvarmhugg" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningvarmkross" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningvarmstick" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>7-8 H. Arn</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_rustningharm" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_rustningharmbel" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningharmhugg" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningharmkross" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningharmstick" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>9 V. Ben</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_rustningvben" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_rustningvbenbel" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningvbenhugg" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningvbenkross" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustningvbenstick" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>10 H. Ben</label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_rustninghben" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_rustninghbenbel" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustninghbenhugg" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustninghbenkross" /></div>
            <div class="sheet-item sheet-tiny"><input type="text" name="attr_rustninghbenstick" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>Grundrustn. </label></div>
            <div class="sheet-item sheet-small"><input type="text" name="attr_grundrustning" /></div>            
            <div class="sheet-item sheet-puny"><input type="text" name="attr_totalbel" /></div>
            <div class="sheet-item sheet-tiny"></div>
            <div class="sheet-item sheet-tiny"></div>
            <div class="sheet-item sheet-tiny"></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>Träfftabell</label></div>
            <div class="sheet-item sheet-med"><label>Sår & Påverkan</label></div>            
            <div class="sheet-item sheet-med"><label>Andra skador</label></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>1 Huvud</label></div>
            <div class="sheet-item sheet-tiny">
                <input type="checkbox" name="attr_rustninghuvudcheck1" />  
                <input type="checkbox" name="attr_rustninghuvudcheck2" />
                <input type="checkbox" name="attr_rustninghuvudcheck3" />
            </div>
            <div class="sheet-item sheet-small"><label>Chockslag</label></div>
            <div class="sheet-item sheet-med"><input type="text" name="attr_rustninghuvudskada" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>2-4 Torso</label></div>
            <div class="sheet-item sheet-tiny">
                <input type="checkbox" name="attr_rustningtorsocheck1" />  
                <input type="checkbox" name="attr_rustningtorsocheck2" />
                <input type="checkbox" name="attr_rustningtorsocheck3" />
            </div>
            <div class="sheet-item sheet-small"><label>Dödsslag</label></div>          
            <div class="sheet-item sheet-med"><input type="text" name="attr_rustningtorsoskada" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>5-6 V. Arm</label></div>
            <div class="sheet-item sheet-tiny">
                <input type="checkbox" name="attr_rustningvarmcheck1" />  
                <input type="checkbox" name="attr_rustningvarmcheck2" />
                <input type="checkbox" name="attr_rustningvarmcheck3" />
            </div>
            <div class="sheet-item sheet-small"><label>Strids</label></div>          
            <div class="sheet-item sheet-med"><input type="text" name="attr_rustningvarmskada" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>7-8 H. Arn</label></div>
            <div class="sheet-item sheet-tiny">
                <input type="checkbox" name="attr_rustningharmcheck1" />  
                <input type="checkbox" name="attr_rustningharmcheck2" />
                <input type="checkbox" name="attr_rustningharmcheck3" />
            </div>
            <div class="sheet-item sheet-small"><label>Strids</label></div>          
            <div class="sheet-item sheet-med"><input type="text" name="attr_rustningharmskada" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>9 V. Ben</label></div>
            <div class="sheet-item sheet-tiny">
                <input type="checkbox" name="attr_rustningvbencheck1" />  
                <input type="checkbox" name="attr_rustningvbencheck2" />
                <input type="checkbox" name="attr_rustningvbencheck3" />
            </div>
            <div class="sheet-item sheet-small"><label>Förf.</label></div>          
            <div class="sheet-item sheet-med"><input type="text" name="attr_rustningvbenskada" /></div>
        </div>
        <div class="sheet-row">
            <div class="sheet-item sheet-small"><label>10 H. Ben</label></div>
            <div class="sheet-item sheet-tiny">
                <input type="checkbox" name="attr_rustninghbencheck1" />  
                <input type="checkbox" name="attr_rustninghbencheck2" />
                <input type="checkbox" name="attr_rustninghbencheck3" />
            </div>
            <div class="sheet-item sheet-small"><label>Förf</label></div>          
            <div class="sheet-item sheet-med"><input type="text" name="attr_rustninghbenskada" /></div>
        </div>
    </div>
    
    <!-- Right Side -->
    
    <div class="sheet-col">
        <h3>Avståndsvapen</h3>
        <fieldset class="repeating_rangeweapons">
            <div class="sheet-quickborder">        
                <div class="sheet-row">
                    <div class="sheet-item sheet-tiny"><label>Vapen:</label></div>
                    <div class="sheet-item sheet-big"><input type="text" name="attr_rangedweaponname" /></div>            
                    <div class="sheet-item sheet-small"><label>Färdighet:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_rangedweaponskill" /></div>
                </div>
                <div class="sheet-row">
                    <div class="sheet-item sheet-small"><label>Räckvidd:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_range" /></div>
                    <div class="sheet-item sheet-puny"><label>Typ:</label></div>
                    <div class="sheet-item sheet-tiny"><input type="text" name="attr_rangedtype" /></div>
                    <div class="sheet-item sheet-tiny"><label>Skada:</label></div>
                    <div class="sheet-item sheet-small"><input type="text" name="attr_rangeddamage" /></div>
                </div>          
                <div class="sheet-row">
                    <div class="sheet-item sheet-small"><label>Egenskaper:</label></div>
                    <div class="sheet-item sheet-morebig"><input type="text" name="attr_rangedegenskaper" /></div>            
                    </div>
                </div>
        </fieldset>
        
        
        <h3>Skadeintervall</h3>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>Skada</label></div>
                <div class="sheet-item sheet-small"><label>Utmattning</label></div>
                <div class="sheet-item sheet-med"><label>Skadetabell</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>1-4</label></div>
                <div class="sheet-item sheet-small"><label>+1</label></div>
                <div class="sheet-item sheet-med"><label>-</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>5-9</label></div>
                <div class="sheet-item sheet-small"><label>+2</label></div>
                <div class="sheet-item sheet-med"><label>-</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>10-14</label></div>
                <div class="sheet-item sheet-small"><label>+4</label></div>
                <div class="sheet-item sheet-med"><label>1T10</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>15-19</label></div>
                <div class="sheet-item sheet-small"><label>+6</label></div>
                <div class="sheet-item sheet-med"><label>1T10+2</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>20-24</label></div>
                <div class="sheet-item sheet-small"><label>+8</label></div>
                <div class="sheet-item sheet-med"><label>1T10+4</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>25-29</label></div>
                <div class="sheet-item sheet-small"><label>+10</label></div>
                <div class="sheet-item sheet-med"><label>1T10+6</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>30-34</label></div>
                <div class="sheet-item sheet-small"><label>+12</label></div>
                <div class="sheet-item sheet-med"><label>1T10+8</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>35-39</label></div>
                <div class="sheet-item sheet-small"><label>+14</label></div>
                <div class="sheet-item sheet-med"><label>1T10+10</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>40-44</label></div>
                <div class="sheet-item sheet-small"><label>+16</label></div>
                <div class="sheet-item sheet-med"><label>1T10+12</label></div>                
            </div>
            <div class="sheet-row">
                <div class="sheet-item sheet-small"></div>
                <div class="sheet-item sheet-small"><label>(+5)</label></div>
                <div class="sheet-item sheet-small"><label>(+2)</label></div>
                <div class="sheet-item sheet-med"><label>(+2)</label></div>                
            </div>
        
        <h3>Utrustning</h3>
        
        <textarea name="attr_gear"></textarea>


    </div>
</div>

<hr />
<!-- Footer Stuff -->
    <div class="1colrow sheet-tablecontainer">
            <div class="sheet-footer sheet-mainleft sheet-tablecell">
                <h3>Smärta</h3>
                <div class="sheet-innerfooter sheet-armourblock">
                    <label>-1T6<label> <input type="checkbox" name="attr_smärta1" />
                    <label>-3T6<label> <input type="checkbox" name="attr_smärta3" />                
                </div>  
                <div class="sheet-innerfooter sheet-armourblock">
                    <label>-2T6<label> <input type="checkbox" name="attr_smärta2" />
                    <label>-4T6<label> <input type="checkbox" name="attr_smärta4" />                    
                </div>                
            </div>
            
            <div class="sheet-footer sheet-tablecell" style="width:18%;">
                <h3>Blödning</h3>
                <div class="sheet-innerfooter" style="width:95%;">
                    <p>Blödningstakt: </p> 
 <input type="text" name="attr_blödningstakt" />
                </div>
                <div class="sheet-innerfooter" style="width:95%;">
                    <p>Svårighet: </p> 
 <input type="text" name="attr_blödningsvårighet" />
                </div>  
                <div class="sheet-innerfooter" style="width:95%;">
                    <p><b>Varje runda:</b> Uttmattningen ökar med Blödningstakten</p>
                </div>                
            </div>
            
           <div class="sheet-footer sheet-tablecell" style="width:18%;">
                <h3>Infektion</h3>
                <div class="sheet-innerfooter" style="width:95%;">
                    <p>infektionsnivå: </p> 
 <input type="text" name="attr_infektionsnivå" />
                </div>
                <div class="sheet-innerfooter" style="width:95%;">
                    <p>Svårighet: </p> 
 <input type="text" name="attr_infektionsvårighet" />
                </div>
                <div class="sheet-innerfooter" style="width:95%;">
                    <p><b>Varje dygn:</b> Dödsslag mot svårigheten. Nivån medför Grundutmattning</p>
                </div>
            </div>
            
            <div class="sheet-footer sheet-tablecell" style="width:18%;">
                <h3>Inre Skada</h3>
                <div class="sheet-innerfooter" style="width:95%;">
                    <input type="text" name="attr_blödningstakt" />
                </div>
                <div class="sheet-innerfooter" style="width:95%;">
                    <p><b>Varje dygn:</b> Slå 1T10 på tabellen för inre skada</p>
                </div>            
            </div>              
          </div>            
    </div>
<hr />    
    <!-- XP -->
<div class="1colrow">
    <div class="colrow">
        <h3>Anteckningar:</h3>
        <textarea name="attr_othernotes"></textarea>
    </div>
</div>    

<!-- Charsheet End -->
</div>

OB tärningar:
?

Code:

on("chat:message", function(msg) {
    if (msg.type != "api") return;
    
    var message = msg.content;
    var command = message.split(" ")[0];
    var numrolls = parseInt(message.split(" ")[1]);
    var outroll = "ob" + message.split(" ")[1] + ": ";
    
    if(message.search(/\+/g)!=-1){
       var plus = parseInt(message.split("+")[1]);
       var times = 0
    }
    else if(message.search(/\*/g)!=-1){
       var times = parseInt(message.split("*")[1]);
       var plus = 0
    }
    else{
        var plus = 0
        var times = 0
    }
    
    if (command == "!ob") {
        var count = 0;
        var total = 0;
        var roll = 0;
        var first = true;
        var output = "<b>" + outroll + "
" ;
        while (count < numrolls) {
            roll = randomInteger(6);
            if (roll === 6) {
                if(first == true){
                    output = output + "<i>[6]</i>"
                    first = false;
                    numrolls = numrolls + 2;
                }
                else{
                    output = output + ",<i>[6]</i>"
                    numrolls = numrolls + 2;
                }
            } else {
                total += roll;
                if(first == true){
                    output = output + roll;
                    first = false;
                }
                else{
                    output = output + "," + roll;
                }
            }
            count++;
        }
        if(plus > 0 && times == 0){
            sendChat(msg.who, output + " = " + total + "+" + plus + " 
<u>Total: " + (total+plus) + "</u></b>");
        }
        else if(plus == 0 && times > 0){
            sendChat(msg.who, output + " = " + total + "*" + times + " 
<u>Total: " + (total*times) + "</u></b>");
        }
        else{
            sendChat(msg.who, output + "
<u>Total: " + (total) + "</u></b>");
        }
    }
});

Hikage · 25 Oct 2014

Nu har jag bara hunnit ladda upp allt i roll20, testat tärningsscriptet och kastat ett öga på karaktärsbladet.
Måste säga att jag gillar det!

Smidigt och snyggt. Bra initiativ!

Oden · 25 Oct 2014

Är också intresserad av detta. Laddade upp allt där jag tror det ska vara. Formuläret fungerar utan problem, men vet inte riktigt hur tärningsscriptet ska testas.

Hikage · 25 Oct 2014

Förutsatt att du laddat upp api scriptet och (om det inte ändrats) så är kommandot för träningarna !ob 3 tex. Mellanslag mellan. Vill du lägga på en siffra efter skriver du bara +2 tex, utan mellanslag.

Oden · 25 Oct 2014

Tackar, jo tärningarna fungerar felfritt de med. Keep up the good work! En annan har inga css/java kunskaper att bidra med. =P

Spider Jerusalem · 26 Oct 2014

Tärningarna används som följande:
!ob 4t6
!ob 4t6+2
!ob4t6*2

Det är det man kan göra nu. Då adderar den antingen eller multiplicerar tärnings resultatet.

phastari · 27 Nov 2014

Hej,

Hur får man OB tärningarna att fungera? Måste man betala för roll20?

Nigmos · 27 Nov 2014

phastari;n53459 said:
Hej,

Hur får man OB tärningarna att fungera? Måste man betala för roll20?

Vad jag vet så krävs det att man har Roll20's API, vilket kräver "Mentor"-status, 10 dollar i månaden alternativt 100 dollar per år. Det som är bra är att bara spelledaren behöver ha det så funkar typ alla funktioner för alla som spelar.

Spider Jerusalem · 27 Nov 2014

Ja för att kunna anväda API:et så krävs det att spelledaren är Mentor.

Oden · 17 May 2015

Jag reinkarnerar den här tråden med en fråga. Är det möjligt att utöka OB-scriptet så de fungerar med roll20's inbyggda 3D-tärningar, och fungera som vanliga rollkommandon (såsom visa endast för SL, se dem endast själv osv)?

Själv är jag alldeles för oinsatt för att börja skruva runt i api:n, men jag kan gärma "Gifta" en månads mentor-status i roll20 eller nått om någon känner sig manad.

Spider Jerusalem · 17 May 2015

Oden;n91848 said:
Jag reinkarnerar den här tråden med en fråga. Är det möjligt att utöka OB-scriptet så de fungerar med roll20's inbyggda 3D-tärningar, och fungera som vanliga rollkommandon (såsom visa endast för SL, se dem endast själv osv)?

Själv är jag alldeles för oinsatt för att börja skruva runt i api:n, men jag kan gärma "Gifta" en månads mentor-status i roll20 eller nått om någon känner sig manad.

Kan ta en titt på det men jag tror inte det då det sker utanför den delen.

dancodan · 21 Feb 2018

Är det någon här på forumet som fortfarande använder roll20?
Vi använder det hela tiden och jag klurar lite på att bli mentorstatus för att testa detta macrot.

Är det någon annan som har något tärningsmacro?

Phelan · 22 Feb 2018

Vi använder Roll20, ska snart börja ny Eon-kampanj så om du vill instruera i att få in macrot kan jag tänka mig att vara labbråtta.

dancodan · 22 Feb 2018

Jag sitter och meckar för fullt nu.
Har fått tärningarna att fungera och karaktärsbladet. Kan skicka över det via PM om du vill (skicka ett PM till mig bara).

Just nu försöker jag lista ut var jag lägger in script för rollable tables och skadetabeller

phastari · 22 Feb 2018

@Phelan Jag vill spela i en eon kampanj ;D Har ni plats?

aramil88 · 9 Oct 2019

Finns där en uppdaterad version av detta Roll20 formulär & script?
Kanske även ladda upp den till Roll20?

Koftan · 20 Oct 2019

Jag har gjort en uppdaterad verision av formuläret till roll20. Forumuläret på förstasidan har fortfarande lite värden från beta-formuläret vilket släpptes under kickstartern språkfärdigheter och belastning är inte korrekt längre. Jag har även lagt in så att det finns fyra blad i formuläret för att underlätta spelandet. När jag satte mig ner förra veckan var det första gången jag någonsin kommit i kontakt med HTML och CSS så koden är inte super snygg men funkar just nu. Kommer att uppdatera koden när jag upptäcker att det strular.

Rollformulär - HTML Layout:
https://docs.google.com/document/d/1M1GhVF_X56Hz2lZ8w2wIM6way4NLVNuy0NhLUA8hHSI/edit?usp=sharing

Rollformulär - CSS Styling:
https://docs.google.com/document/d/1i8uL4NVltPX1ce6uMRKSEN6TsvxVMldQ6me17nGZ_ns/edit?usp=sharing

Jag har också skapat en tabell med viktade rykten till Roll20 för att spela i provinsen Jargein där min kampanj utspelar sig.

https://docs.google.com/document/d/1okPjXsQl5n-AhpPYEPONDKNA5OotZw2V9D0ku8ivP10/edit?usp=sharing

Koftan · 20 Oct 2019

Om det är någon som förfinat ob-scriptet är jag intresserad av det. Skulle vara smidigt att kunna göra dolda slag med det. Just nu slår jag mina tärningar bredvid datorn men det segar ner spelet om de blir för många ob.

aramil88 · 23 Oct 2019

Grymt tackar

Kanske man kan bädda in scriptet i rollformuläret?

Koftan · 24 Oct 2019

Det borde gå att göra jag kan dock inte just nu. Kanske om någon/några månader när jag blivit bättre. Just nu har jag ett macro som jag delat med mina spelare som låter dem välja vad de har för fv. Macrot ser ut som följer:

?{Tärningar|1T6,!ob 1 |1T6+1,!ob 1+1 |1T6+2,!ob 1+2 |1T6+3,!ob 1+3 |2T6,!ob 2 |2T6+1,!ob 2+1 |2T6+2,!ob 2+2 |2T6+3,!ob 2+3 |3T6,!ob 3 |3T6+1,!ob 3+1 |3T6+2,!ob 3+2 |3T6+3,!ob 3+3 |4T6,!ob 4 |4T6+1,!ob 4+1 |4T6+2,!ob 4+2 |4T6+3,!ob 4+3 |5T6,!ob 5 |5T6+1,!ob 5+1 |5T6+2,!ob 5+2 |5T6+3,!ob 5+3 |6T6,!ob 6 |6T6+1,!ob 6+1 |6T6+2,!ob 6+2 |6T6+3,!ob 6+3 |7T6,!ob 7 |7T6+1,!ob 7+1 |7T6+2,!ob 7+2 |7T6+3,!ob 7+3 |8T6,!ob 8 |8T6+1,!ob 8+1 |8T6+2,!ob 8+2 |8T6+3,!ob 8+3 |9T6,!ob 9 |9T6+1,!ob 9+1 |9T6+2,!ob 9+2 |9T6+3,!ob 9+3 |10T6,!ob 10}

Nekromanti Eon IV Roll20 karatärsblad samt OB tärnings script

Warrior

Veteran

Veteran

Veteran

Veteran

Warrior

Veteran

Veteran

Warrior

Veteran

Warrior

Swordsman

Hero

Swordsman

Veteran

Veteran

Veteran

Veteran

Veteran

Veteran