Widget:PillID: Difference between revisions

Jump to navigation Jump to search
← Older editNewer edit →
VisualWikitext
Christopher Popma (talk | contribs)
Bureaucrats, exportpages, nocaptcha, Administrators
2,750 edits
No edit summary
Christopher Popma (talk | contribs)
Bureaucrats, exportpages, nocaptcha, Administrators
2,750 edits
No edit summary
Line 2: Line 2:
<script type="text/csss" src=""></script>
<script type="text/csss" src=""></script>
<script type="text/CSS">
<script type="text/CSS">
.pillShape table{
#pillShapeDropDown{
  background-color:#CCCCCC;
background-color:#D3E0E1;
  width:75%;
padding:1em;
  margin:auto;
text-align:center;
}
border-bottom-right-radius:1em;
 
border-bottom-left-radius:1em;
.pillShape td img{
margin:auto;
  height:12%;
width:inherit;
  width:12%;
display:block;
}
clear:both;
}
div.pillShape{
display:inline;
width:10%;
}
.pillShape img{
height:auto;
width:16%;
min-width:80px;
}
.pillShape img:hover{
background-color:#C7D8DA;
border-radius:20px;
box-shadow:
  0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #666, /*top external shadow*/
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
}
#propertyToolbar{
background-color:#7BA2A7;
width:95%;
height:4em;
margin-left:2.5%;
display:block;
clear:both;
}
</script>
</script>
 
<div>
<h2>Medication Identifier</h2>
<h2>Medication Identifier</h2>
</div>
<div id="propertyToolbar">
    <div id="toolbarDrugName">
    </div>
   
    <div id="toolbarPillShape">
    </div>
   
    <div id="toolbarPillColor">
    </div>
   
    <div id="toolbarPillSize">
    </div>
   
    <div id="toolbarImprint">
    </div>
   
    <div id="toolbarScoring">
    </div>
   
    <div id="toolbarDosage">
    </div>
   
    <div id="toolbarIngredients">
    </div>
   
    <div id="toolbarNDC">
    </div>
</div>


<div id="pillShapeDropDown">
            <div id="bulletPill" class="pillShape">
              <img src="http://www.wikidoc.org/images/8/8c/Bullet_Grey_Pill.png" />
            </div>


<div id="selectPillShape">
            <div id="capsulePill" class="pillShape">
  <table class="pillShape">
               <img src="http://www.wikidoc.org/images/b/b8/Capsule_Grey_Pill.png" />
      <thead>
             </div>
 
      </thead>
      <tbody>
 
        <tr>
            <td>
              <img src="http://www.wikidoc.org/index.php/Bullet_shaped_pills" />
            </td>
 
            <td>
               <img src="http://www.wikidoc.org/images/9/9c/Capsule_Grey_Pill.jpg" />
             </td>
 
            <td>
              <img src="http://www.wikidoc.org/images/b/be/Clover_Grey_Pill.jpg" />
            </td>
 
            <td>
              <img src="http://www.wikidoc.org/images/d/d7/Diamond_Grey_Pill.jpg" />
            </td>
 
            <td>
              <img src="http://www.wikidoc.org/index.php/File:Double_Circle_Grey_Pill.jpg" />
            </td>


             <td>
             <div id="cloverPill"class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:Free_Form_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/a/a3/Clover_Grey_Pill.png" />
             </td>
             </div>
        </tr>


            <div id="diamondPill" class="pillShape">
              <img src="http://www.wikidoc.org/images/9/98/Diamond_Grey_Pill.png" />
            </div>


        <tr>
             <div id="doubleCirclePill" class="pillShape">
             <td>
               <img src="http://www.wikidoc.org/images/7/73/Double_Circle_Grey_Pill.png" />
               <img src="http://www.wikidoc.org/index.php/File:Gear_Grey_Pill.jpg" />
             </div>
             </td>


             <td>
             <div id="freeFormPill" class="pillShape">
               <img src="http://www.wikidoc.org/images/9/97/Hexagon_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/f/fa/Free_Form_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="gearPill" class="pillShape">
               <img src="http://www.wikidoc.org/images/9/9c/Octagon_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/5/56/Gear_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="hexagonPill" class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:Oval_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/2/25/Hexagon_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="octagonPill" class="pillShape">
               <img src="http://www.wikidoc.org/images/7/74/Pentagon_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/f/f7/Octagon_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="ovalPill"class="pillShape">
               <img src="http://www.wikidoc.org/images/3/32/Rectangular_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/3/3d/Oval_Grey_Pill.png" />
             </td>
             </div>
        </tr>


            <div id="pentagonPill" class="pillShape">
              <img src="http://www.wikidoc.org/images/b/be/Pentagon_Grey_Pill.png" />
            </div>


        <tr>
            <div id="rectangularPill"class="pillShape">
             <td>
              <img src="http://www.wikidoc.org/images/8/8e/Rectangular_Grey_Pill.png" />
               <img src="http://www.wikidoc.org/images/a/ae/Round_Grey_Pill.jpg" />
            </div>
             </td>
           
             <div id="roundPill" class="pillShape">
               <img src="http://www.wikidoc.org/images/7/79/Round_Grey_Pill.png" />
             </div>


             <td>
             <div id="semiCirclePill" class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:SemiCircle_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/8/80/SemiCircle_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="squarePill" class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:Square_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/e/e9/Square_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="tearDropPill" class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:Tear_Drop_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/9/9a/Tear_Drop_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="trapezoidPill" class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:Trapezoid_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/7/7a/Trapezoid_Grey_Pill.png" />
             </td>
             </div>


             <td>
             <div id="triangularPill" class="pillShape">
               <img src="http://www.wikidoc.org/index.php/File:Triangular_Grey_Pill.jpg" />
               <img src="http://www.wikidoc.org/images/c/cb/Triangular_Grey_Pill.png" />
             </td>
             </div>
        </tr>
      </tbody>
  </table>
</div>
</div>


</includeonly>
</includeonly>

Revision as of 22:00, 27 May 2014

Retrieved from "https://www.wikidoc.org/index.php?title=Widget:PillID&oldid=973908"