#name-area { float: right; border: 1px solid #333; } .topHdr { color: #333; font: 20px Helvetica, Sans-Serif; margin: 0 0 5px 0; } .topBar { color: #333; font: 20px Helvetica, Sans-Serif; background-color: #fff; margin: 0 0 5px 0; } .dropbtn { background-color: #3498DB; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer; } .type { background-color: #ccf; color: #000; min-width: 150px; padding: 5px; font-size: 16px; border: none; marginzzz-left:10px; } .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } .dropdown { position: relative; display: inline-block; } .dropdown1zzz { display: none; position: absolute; background-color: #f1f1f1; right:0px; width: 150px; height55:200px; overflow-y:auto; z-index: 1; } .dropdown2zzz { display: none; position: absolute; background-color: #f1f1f1; right:0px; width: 70px; height:200px; overflow-y:auto; z-index: 1; } .dropdown3 { display: none; position: absolute; background-color: #f1f1f1; right:0px; width: 120px; overflowzzz-y:auto; z-index: 1; } .dropdownBox { displayzzz: block; background-color: #fff; positionzzz: absolute; float:right top:100px; right:50px; border:1px solid #333; width: 120px; height: 200px; padding:5px; } .dropdownwrap { display: none; background-color: #33f; positionzzz: fixed; topzz:100px; rightzz:10px; float:left; width: 120px; border:1px solid #333; padding:5px; } .dropdnwrap { display: block; background-color: #99f; positionzz; rightzz:10px; float:left; widthzz: 140px; border:1px solid #33f; padding:0px; z-index:5; } .dropdownwrap2 { display: none; background-color: #fff; position: fixed; top:100px; left:40%; width: 120px; padding:5px; } .dropdownNew { display: block; float:right; background-color: #f1f1f1; right:0px; width: 120px; max-height:250px; overflow-y:auto; z-index: 1; margin-top:10px; } .dropdownEdit { display: block; float:right; background-color: #f1f1f1; right:0px; width: 120px; max-height:250px; overflow-y:auto; z-index: 1; margin-top:10px; } .dropdown5 { display: none; position: absolute; background-color: #f1f1f1; right:0px; width: 150px; height:200px; overflow-y:auto; z-index: 1; } .showMnuzzz { display:block; } .dropdown1zzz span { float:left; color: black; padding: 12px 16px; text-decoration: none; text-align: center; displayzz:block; display:inline-block; width:100%; height:100%; border:1px solid #333; } .dropdown2zz span { float:left; width:100%; color: black; padding: 12px 16px; text-decoration: none; text-align: center; displayzz:block; displayzz:inline-block; border:1px solid #333; } .dropdown3 span { float:left; width:100%; color: black; padding: 12px 16px; text-decoration: none; text-align: center; displayzz:block; displayzz:inline-block; border:1px solid #333; } .dropdown4 span { float:left; width:120px; color: black; padding: 5px 2px; text-decoration: none; text-align: center; display:block; border-bottom:3px solid #33f; margin-bottom:-5px; } .dropdownNew span { float:left; width:90%; color: black; padding: 12px 2px; text-decoration: none; text-align: center; display:block; displayzz:inline-block; border-bottom:1px solid #333; } .dropdownEdit span { float:left; width:90%; color: black; padding: 12px 2px; text-decoration: none; text-align: center; display:block; displayzz:inline-block; border-bottom:1px solid #333; } .htyp { color: #fa9f00; font: 20px Helvetica, Sans-Serif; margin: 0 0 10px 5px; } #newName { float:left; width:100%; height:30px; } .navbar { overflow: hidden; background-color: #333; position: fixed; top: 40; right:80; width:100px; } .navbar a { float: right; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } .navbar a:hover { background: #ddd; color: black; } .tutWrap1{ float:left; display:none; width:95%; heightzzz:150px; border: solid 2px #333; margin:5px 0px 3px 0px; overflow-x:hidden; overflow-y:auto; } .tutWrap2 { display:block; float:left; border: 1px solid #333; width:95%; padding:0px; margin: 0px 0px 0px -5px; } .tutWrap2 .captionLf { margin: 0px 0px 0px 5px; } .tutWrap2 .contentzz { border: 1px solid #333; padding: 5px; } .tutWrap2 .contentzz { padding: 5px; } .smallBtn { float:left; display:block; padding: 5px; font-size: 12px; font-weight: bold; }
which toggles the App View,
as well as the individual &
buttons positioned above the Tables.
which will combine both Step A: & Step B, in a single click,
builds a Random generated sample election,
& loads and displays
this data per voter in the ACTIVE TABLE,
with summarized totals per candidate in the TOTALS TABLES.
The
button reloads the Active sample at any time.
&
With each button click, we see the Vote Totals & Choice positions
change. Try it, click the Steps one after the other, eliminating
the weakest candidates until a winner is chosen.
#Steps Opt 3 which shows the Step B button
with "hints on"
will help in seeing the shifting.
button.
builds a Random generated sample election,
& loads and displays
this data per voter in the ACTIVE TABLE,
with summarized totals per candidate in the TOTALS TABLES.
The
button reloads the Active sample at any time.
&
With each button click, we see the Vote Totals & Choice positions
change. Try it, click the Steps one after the other, eliminating
the weakest candidates until a winner is chosen.
#Steps Opt 3 which shows the Step B button
with "hints on"
will help in seeing the shifting.
button.
button reloads the Active sample at any time.
This module has two sections, The upper one shows data from the Active Sample that is currently loaded in the Demo,