Widget:PillIdentifier: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 470: | Line 470: | ||
#pillIDNav div{ | #pillIDNav div{ | ||
display:inline-block; | display:inline-block; | ||
} | |||
#formConatiner div{ | |||
display:inline-block; | |||
} | |||
#formContainer{ | |||
background:#6e6e6e; | |||
border:50%; | |||
margin:auto; | |||
} | |||
.pillResult{ | |||
display:table-row; | |||
} | |||
.pillResult img{ | |||
width:150px; | |||
height:auto; | |||
display:table-cell; | |||
vertical-align: middle; | |||
border-radius:50%; | |||
} | |||
.pillResult-text{ | |||
display:table-cell; | |||
vertical-align:top; | |||
padding-left:5px; | |||
} | |||
.pillResult-text h1{ | |||
margin:0px; | |||
font-size:24px; | |||
} | |||
.pillResult-text h2{ | |||
margin:0px; | |||
font-size:18px; | |||
} | |||
.pillResult-text p{ | |||
margin:0px; | |||
font-size:16px; | |||
} | } | ||
| Line 477: | Line 517: | ||
<div id="pillIdentiferTitle"> | <div id="pillIdentiferTitle"> | ||
<span>Pill Identifier</span> | <span>Pill Identifier</span> | ||
</div> | |||
<div id="formContainer"> | |||
<form id="selectedProperties" action="" method="get"> | |||
<div id="selectedShape-container" class="ui-button"> | |||
<span>Shape:</span><input readonly type="text" name="selectedShape" id="selectedShape" value=""> | |||
</div> | |||
<div id="selectedColor-container" class="ui-button"> | |||
<span>Color:</span><input readonly type="text" name="selectedColor" id="selectedColor" value=""> | |||
</div> | |||
<div id="selectedScoring-container" class="ui-button"> | |||
<span>Scoring:</span><input readonly type="text" name="selectedScoring" id="selectedScoring" value=""> | |||
</div> | |||
<div class="ui-button" id="selectedMinSize-container"> | |||
<span>Size:</span><input readonly type="text" name="selectedMinSize" size="3" id="selectedMinSize" value="5"><span> to </span><input readonly type="text" name="selectedMaxSize" size="3" id="selectedMaxSize" value="20"> | |||
</div><br> | |||
<div class="ui-button" id="selectedImprint-container"> | |||
<span>Imprint:</span><input readonly type="text" name="selectedImprint" id="selectedImprint" value=""> | |||
</div> | |||
<div class="ui-button" id="selectedNDC-container"> | |||
<span>NDC:</span><input readonly type="text" name="selectedNDC" id="selectedNDC" value=""> | |||
</div> | |||
<div class="ui-button" id="selectedIngred-container"> | |||
<span>Ingredients:</span><input readonly type="text" name="selectedIngred" id="selectedIngred" value=""> | |||
</div> | |||
</form> | |||
</div> | |||
<div id="queryContainer"> | <div id="queryContainer"> | ||
<div id="queryContainer_Shape" class="propertyContainerActive" data-order="1"> | <div id="queryContainer_Shape" class="propertyContainerActive" data-order="1"> | ||
| Line 590: | Line 655: | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="pillIDNav"> | <div id="pillIDNav"> | ||
<div id="back" class="navTool" data-direction="back" style="visibility:hidden"> | <div id="back" class="navTool" data-direction="back" style="visibility:hidden"> | ||