553 lines
25 KiB
HTML
553 lines
25 KiB
HTML
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
</head>
|
|
<body>
|
|
<div id="UpperInput">
|
|
<div id="LeftImg">
|
|
<img src="newblacklogo960.png" alt="user image">
|
|
</div>
|
|
<div id="RightSide">
|
|
<form action="#" name="tot">
|
|
<table class="tableInput">
|
|
<tr>
|
|
<td class="toRight pdd1">Nickname:</td>
|
|
<td><input class="iRBLl iRTRl bShl pdd2 otbs" name="nickname" type="text" maxlength="30"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd1">Age:</td>
|
|
<td><input class="iRTLl bShl pdd2 otbs" name="age" type="number" max="150" min="1"></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd1">Height:</td>
|
|
<td><input class="iRBLl bShl pdd2 otbs" name="height" type="number" max="250" min="40"></td>
|
|
<td>(centimeters)</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd1">Species:</td>
|
|
<td><input class="iRTLl iRBRl bShl pdd2 otbs" name="species" type="text" maxlength="30"></td>
|
|
<td><input type="radio" name="human" value="1">Human</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd1">Gender:</td>
|
|
<td><input class="iRBLl iRTRl bShl pdd2 otbs" name="gender" type="text" maxlength="30"></td>
|
|
<td>‾\_(ツ)_/‾</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd1">Alive:</td>
|
|
<td colspan="2">
|
|
<input type="radio" name="true" value="true">True
|
|
<input type="radio" name="false" value="false">False
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div id="BottomInput">
|
|
<form action="#" name="tot">
|
|
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #7c98e8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7c98e8;box-shadow: 0 0 7px 0 #7c98e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7c98e8;box-shadow: 0 0 7px 0 #7c98e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #e87c84">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c84;box-shadow: 0 0 7px 0 #e87c84 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c84;box-shadow: 0 0 7px 0 #e87c84 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #7cc2e8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7cc2e8;box-shadow: 0 0 7px 0 #7cc2e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7cc2e8;box-shadow: 0 0 7px 0 #7cc2e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #e8b37c">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e8b37c;box-shadow: 0 0 7px 0 #e8b37c inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e8b37c;box-shadow: 0 0 7px 0 #e8b37c inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #e8b17c">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e8b17c;box-shadow: 0 0 7px 0 #e8b17c inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e8b17c;box-shadow: 0 0 7px 0 #e8b17c inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #e87c95">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c95;box-shadow: 0 0 7px 0 #e87c95 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c95;box-shadow: 0 0 7px 0 #e87c95 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #e2e87c">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e2e87c;box-shadow: 0 0 7px 0 #e2e87c inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e2e87c;box-shadow: 0 0 7px 0 #e2e87c inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #7ce8d8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7ce8d8;box-shadow: 0 0 7px 0 #7ce8d8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7ce8d8;box-shadow: 0 0 7px 0 #7ce8d8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #7ce8cf">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7ce8cf;box-shadow: 0 0 7px 0 #7ce8cf inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7ce8cf;box-shadow: 0 0 7px 0 #7ce8cf inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #7cd2e8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7cd2e8;box-shadow: 0 0 7px 0 #7cd2e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7cd2e8;box-shadow: 0 0 7px 0 #7cd2e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait1" style="box-shadow:5px 5px 5px 0 #e87cbf">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87cbf;box-shadow: 0 0 7px 0 #e87cbf inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87cbf;box-shadow: 0 0 7px 0 #e87cbf inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait2" style="box-shadow:-5px 5px 5px 0 #9d7ce8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #9d7ce8;box-shadow: 0 0 7px 0 #9d7ce8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #9d7ce8;box-shadow: 0 0 7px 0 #9d7ce8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #e87c92">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c92;box-shadow: 0 0 7px 0 #e87c92 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c92;box-shadow: 0 0 7px 0 #e87c92 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #e87c7e">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #e87c7e;box-shadow: 0 0 7px 0 #e87c7e inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #e87c7e;box-shadow: 0 0 7px 0 #e87c7e inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait3" style="box-shadow:5px -5px 5px 0 #7cc7e8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7cc7e8;box-shadow: 0 0 7px 0 #7cc7e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7cc7e8;box-shadow: 0 0 7px 0 #7cc7e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN iRBRb selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="Trait4" style="box-shadow:-5px -5px 5px 0 #7c80e8">
|
|
<table id="table">
|
|
<tr><th colspan="2">TraitName</th></tr>
|
|
<tr>
|
|
<td class="toRight iRBL iRTR pdd2 bgColorGray">Sincere:</td>
|
|
<td class="iRTL iRBR bgColorGray pdd3">
|
|
<input class="iRTLl inWid" name="True" type="number" max="100" min="0" value="0" style="border: 1px solid #7c80e8;box-shadow: 0 0 7px 0 #7c80e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRTL pdd2 bgColorGray">Dissimulated:</td>
|
|
<td class="iRTR bgColorGray pdd3">
|
|
<input class="inWid" name="True" type="number" max="100" min="0" value="100" style="border: 1px solid #7c80e8;box-shadow: 0 0 7px 0 #7c80e8 inset"><span class="fR">(0-100)</span><br>
|
|
<input type="radio" name="true" value="100">True<span class="fR">(100)</span><br>
|
|
<input type="radio" name="false" value="0">False<span class="fR">(0)</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="toRight iRBLb pdd2 bgColorGray">Opinion:</td>
|
|
<td class="pdd0">
|
|
<select name="selection" class="bSN selFix">
|
|
<option value="positive">Positive</option>
|
|
<option value="neutral">Neutral</option>
|
|
<option value="negative">Negative</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<button style="text-align: center;width: 100%;"><p>Submit</p></button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |