CodePen Embed - 9 SENATORS ver. 97

<body>
    <div class="title">
        9 Democratic Senate Seats in 2024
    </div>
    <span class="hilitea">Class 1</span>
    <table class="table1">
        <tr>
            <td colspan="3">5/14&#8212; West Virginia Flips Senate <span class="crim">50/50</span></td>
        </tr>
        <tr>
            <td colspan="2">
                <span class="GREY">Cooked.</span>
                <a href="https://lh3.googleusercontent.com/pw/AP1GczPs8JdGV61u69To0VedICepuvGuY-BrOZ0rPJjcA6ZaKzs1EVBWVj0651jbbkfz8YYOhlL2DQH7FgrnoDXXWzgdx9fSyEGS2dB7_XfuASjOq14DKA=w2400?source=screenshot.guru"> <img src="https://lh3.googleusercontent.com/pw/AP1GczPs8JdGV61u69To0VedICepuvGuY-BrOZ0rPJjcA6ZaKzs1EVBWVj0651jbbkfz8YYOhlL2DQH7FgrnoDXXWzgdx9fSyEGS2dB7_XfuASjOq14DKA=w80-h40-p-k" alt=""></a>
                <span class="GREY">We&rsquo;re cooked.</span><br>
                Joe Manchin-as-Indept. v.<br>
                JIM JUSTICE? ALEX MOONEY?
            </td>
            <td width="290px">
                <i>PRESIDENT</i>
                <div class="link">
                    <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_West_Virginia" target="blank"><i>SENATE &#8212; WV</i></a>
                </div>
                <i>HOUSE</i>
            </td>
        </tr>
    </table>
    <table class="table1">
        <thead>
            <tr>
                <th style="color: cyan; text-align: center; border-collapse: collapse;">
                    DAY
                </th>
                <th style="color: cyan; text-align: center; border-collapse: collapse;">
                    DATE &amp; CANDIDATE NOTES
                </th>
                <th width="275px" style="color: #fffff5; text-align: center;">STATE</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>TUE</td>
                <td>MAR 19/<i>They like him!</i></td>
                <td>OHIO</td>
            </tr>
            <tr>
                <td></td>
                <td><span class="crim">Sherrod Brown</span> v. BERNIE MORENO</td>
                <td>
                    PRESIDENT<br>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Ohio" target="blank">SENATE &#8212; OH</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>APR 23/<i>+13% Last elcn</i></td>
                <td>PENNSYLVANIA</td>
            </tr>
            <tr>
                <td></td>
                <td><span class="CRIM">Bob Casey, Jr.</span> v. DAVID MCCORMICK</td>
                <td>
                    PRESIDENT<br>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Pennsylvania" target="blank">SENATE &#8212; PA</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>MAY 14/<i>He&rsquo;s loaded...</i></td>
                <td>MARYLAND</td>
            </tr>
            <tr>
                <td>NEW</td>
                <td><span class="CRIM">David Trone</span> billnaire<br>
                    or Angela Alsobrooks? v. LARRY HOGAN
                </td>
                <td>
                    PRESIDENT<br>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Maryland" target="blank">SENATE &#8212; MD</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>JUN 4/<i>They like him!</i></td>
                <td>MONTANA</td>
            </tr>
            <tr>
                <td></td>
                <td><span class="CRIM">Jon Tester</span> v.<br>TIM SHEEHY (lied about gunshot wound)</td>
                <td>
                    PRESIDENT<br>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Montana" target="blank">SENATE &#8212; MT</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>JUN 11/<i>A tossup...</i></td>
                <td class="CELL">
                    NEVADA
                </td>
            </tr>
            <tr>
                <td><a href="https://lh3.googleusercontent.com/pw/AP1GczPs8JdGV61u69To0VedICepuvGuY-BrOZ0rPJjcA6ZaKzs1EVBWVj0651jbbkfz8YYOhlL2DQH7FgrnoDXXWzgdx9fSyEGS2dB7_XfuASjOq14DKA=w2400?source=screenshot.guru"> <img src="https://lh3.googleusercontent.com/pw/AP1GczPs8JdGV61u69To0VedICepuvGuY-BrOZ0rPJjcA6ZaKzs1EVBWVj0651jbbkfz8YYOhlL2DQH7FgrnoDXXWzgdx9fSyEGS2dB7_XfuASjOq14DKA=w80-h40-p-k" alt=""></a></td>
                <td>Jackie Rosen (does have $$) v. SAM BROWN</td>
                <td>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Nevada" target="blank">SENATE &#8212; NV</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>JUL 30/<i>They HATE her!</i></td>
                <td>ARIZONA</td>
            </TR>
            <tr>
                <td>NEW</td>
                <td><span class="CRIM">Ruben Gallego</span> v.<br>
                    KARI LAKE nasty bitch
                </td>
                <td>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Arizona" target="blank">SENATE &#8212; AZ</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>AUG 6/<i>13% Uncommitted</i></td>
                <td class="CELL">
                    MICHIGAN
                </td>
            </tr>
            <tr>
                <td><a href="https://lh3.googleusercontent.com/pw/AP1GczPs8JdGV61u69To0VedICepuvGuY-BrOZ0rPJjcA6ZaKzs1EVBWVj0651jbbkfz8YYOhlL2DQH7FgrnoDXXWzgdx9fSyEGS2dB7_XfuASjOq14DKA=w2400?source=screenshot.guru"> <img src="https://lh3.googleusercontent.com/pw/AP1GczPs8JdGV61u69To0VedICepuvGuY-BrOZ0rPJjcA6ZaKzs1EVBWVj0651jbbkfz8YYOhlL2DQH7FgrnoDXXWzgdx9fSyEGS2dB7_XfuASjOq14DKA=w80-h40-p-k" alt=""></a></td>
                <td>Elissa Slotkin v.<br>
                    MIKE ROGERS (popular)
                </td>
                <td>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Michigan" target="blank">SENATE &#8212; MI</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <tr>
                <td>TUE</td>
                <td>AUG 13/<i>+11% Last elcn</i></td>
                <td>WISCONSIN</td>
            </tr>
            <tr>
                <td></td>
                <td><span class="crim">Tammy Baldwin</span> &#7172; 72 yr precdnt v. ERIC HOVDE</td>
                <td>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Wisconsin" target="blank">SENATE &#8212; WI</a>
                    </div>
                    HOUSE
                </td>
            </tr>
            <TR>
                <td>TUE</td>
                <td>AUG 20/<i>They HATE him!</i></td>
                <td><i>FLORIDA</i></td>
            </tr>
            <tr>
                <td>&#7172;</td>
                <td>
                    <span class="BLU">Debbie Mucarsel-Powell</span> v. RICK SCOTT
                </td>
                <td>
                    <div class="link">
                        <a href="https://en.m.wikipedia.org/wiki/2024_United_States_Senate_election_in_Florida" target="blank"><i>SENATE &#8212; FL</i></a>
                    </div>
                    <i>HOUSE</i>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="foot">
        No Republican has won this CLASS 1 Wisconsin senate seat since <span style="text-decoration: underline">Joseph McCarthy in 1952. That&rsquo;s 72 years</span>!
        <br>
        <br>
        Sen. Rick Scott (FL-R) has won his last three statewide campaigns by <span style="text-decoration: underline">one point or less</span>. <span class="BLU"><i>Could we flip it?</i></span>
        <br>
        <br>
        Most states allow for ABORTION, but some impose so many restrictions the procedure is effectively <span class="CRIM">BANNED</span>. In 2024 activists are collecting ballot signatures to expand existing abortion rights by amending those restrictions to their state laws in:
    </div>
    <ol class="abtn">
        <li>¹²<span class="crim">ALABAMA</span> &mdash; <span class="crim">BANNED</span> with few exceptions</li>
        <li>¹ARIZONA &mdash; up to the 15th week w/restrictions</li>
        <li>¹ARKANSAS &mdash; 72-hr. wait w/<span class="crim">numerous</span> Doctor visits</li>
        <li><span class="green">CA &mdash; Now enshrined in the California Constitution</span></li>
        <li>COLORADO &mdash; no gestation; other restrictions</li>
        <li>²<a href="https://states.guttmacher.org/policies/florida/abortion-policies" target="blank">FLORIDA</a> &mdash; <span class="crim"> BANNED after the 6th week w/restrictns</span></li>
        <li>¹²<span class="crim">INDIANA</span> &mdash; <span class="crim">BANNED</span> with few exceptions</li>
        <li>KANSAS &mdash; up to 22nd week w/restrictions</li>
        <li>¹²<span class="crim">KENTUCKY</span> &mdash; <span class="crim">BANNED</span> with few exceptions</li>
        <li>MARYLAND &mdash; no gestation; other restrictions</li>
        <li><span class="green">MI &mdash; Now enshrined in the Michigan Constitution</span></li>
        <li>¹²<span class="crim">MISSISSIPPI</span> &mdash; <span class="crim">BANNED</span> with few exceptions</li>
        <li>¹²<span class="crim">MISSOURI</span> &mdash; <span class="crim">BANNED</span> with few exceptions</li>
        <li>MONTANA &mdash; up to 24th week of pregnancy</li>
        <li>¹NEBRASKA &mdash; up to 12th week w/restrictions</li>
        <li>NEVADA &mdash; up to the 24th week of pregnancy</li>
        <li>NEW YORK &mdash; up to 24th week of pregnancy</li>
        <li><span class="green">OH &mdash; Now enshrined in the Ohio Constitution</span></li>
        <li><span class="green">VT &mdash; Now enshrined in the Vermont Constitution</span></li>
        <li>¹²<span class="crim">WEST VIRGINIA</span> &mdash; <span class="crim">BANNED</span> with few excptns</li>
        <li>¹WISCONSIN &mdash; up to 22nd week w/restrictions</li>
    </ol>
    <div class="abtn">
        ¹Telemedicine is banned in this state<br>
        ²Regulations in force designed to shutter abortion clinics and otherwise dissuade patient from accessing abortion services from anyone but a licensed M.D.
    </div>
    <i><span class="hiliteb">THEY WILL COME OUT TO VOTE ON THIS ONE ISSUE.</span></i>
    <br>
    <span class="hilitec">INCREASED VOTER TURNOUT!</span>
    <br>
    <div class="foot">
        <div class="link">
            <a href="https://apnews.com/article/baldwin-hovde-wisconsin-senate-swing-state-1657118e36311b604971967ca5df9374" target="blank">
            SEE &ldquo;Baldwin once again hopes abortion fuels Democratic turnout</a>
            <br>as it did in last year’s Wisconsin Supreme Court race...&rdquo;
        </div>
    </div>
    <br>
</body>
</html>

/* Courier+Prime */
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap");

/* Roboto */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* Henny Penny */
@import url("https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap");

body {
    width: 965px;
    margin-top: 2rem;
    font-family: 'courier prime', monospace;
    font-size: 2.5rem;
    line-height: 2.63rem;
    font-weight: bold;
    color: black;
}

.table1 {
    width: 100%;
    border: .63rem groove cyan;
    border-collapse: collapse;
    font-family: 'courier prime', monospace;
    font-size: 2.5rem;
    line-height: 2.63rem;
    font-weight: bold;
    color: black;
}

td {
    padding: .5rem;
}

/* DEFINING THE HEADER */

.table1 th {
    border: .38rem solid cyan;
    background-color: black;
    font-family: 'roboto slab', serif;
    font-size: 2rem;
    line-height: 2.13rem;
    color: white;
    font-weight: bold;
    padding: .94rem;
}

/* APPLYING THE STRIPES */

.table1 tbody tr:nth-child( odd ) {
    background-color: #ffffcc;        /* pastel yellow */
    border-bottom: .19rem solid black;
}
.table1 tbody tr:nth-child( even ) {
    background-color: white;
    border-bottom: .19rem solid black;
}

/* FILLING OUT THE CELL BORDERS */

.table1 tbody tr td:nth-of-type(1) {
    border-right: .19rem solid black;
    text-align: center;
}

.table1 tbody tr td:nth-of-type(2) {
    border-right: .19rem solid black;
    text-align: left;
}

/*
a:active - a link the moment it is clicked
a:hover - a link when the user mouses over it
a:link - a normal, unvisited link
a:visited - a link the user has visited
*/
a:active {color: #ff70ff}
a:hover {color: #ff70ff}
a:link {color: blue}
a:visited {color: blue}

.title {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    font-family: "henny penny", serif;
    font-weight: 700;
    font-size: 3.13rem;
    line-height: 2.5rem;
}

.blu {color: blue}
.crim {color: crimson}
.crimi {color: crimson; font-style: italic}
.grey {color: grey}
.green {color: green}

.foot {
    margin: 2.5rem 2.5rem 1.25rem 2.5rem;
    font-family: 'courier prime', monospace;
    font-size: 2.5rem;
    line-height: 2.63rem;
    font-weight: bold;
}
.abtn {
    margin: 1.25rem 1.25rem 1.25rem 2.5rem;
    font-family: "roboto slab", sans-serif;
    font-weight: 700;
    font-size: 2.13rem;
    line-height: 2.25rem;
}

.hilitea {
    text-align: center;
    color: white;
    background-color: #000000;
    font-family: 'courier prime', monospace;
    font-size: 2.5rem;
    line-height: 2.63rem;
    font-weight: bold;
}
    .hiliteb {
    text-align: center;
    text-style: italic;
    color: cyan;
    background-color: #000000;
    font-family: 'courier prime', monospace;
    font-size: 2.13rem;
    line-height: 2.25rem;
    font-weight: bold;
}
.hilitec {
    margin-top: .63rem;
    text-align: center;
    color: black;
    background-color: #ffffcc;;
    font-family: 'courier prime', monospace;
    font-size: 2.13rem;
    line-height: 2.25rem;
    font-weight: bold;
}

.cell {
    display: block;
    color: black;
    background-color: #cccccc;
    text-align: left;
    font-family: 'courier prime', monospace;
    font-size: 2.5rem;
    line-height: 2.63rem;
    font-weight: bold;
}

ol.abtn {
    margin: 1.25rem 1.25rem 1.25rem 2.5rem;
    font-family: "roboto slab", sans-serif;
    font-weight: 700;
    font-size: 2.13rem;
    line-height: 2.25rem;
}
ol.abtn > li:nth-of-type(odd) {
    background-color: #eeeeee;      /* light grey */
}
ol.abtn > li:nth-of-type(even) {
    background-color: white;
}

</style>
</head>

Run Pen

This Pen is owned by Russell on CodePen.

See more by @rpg2019 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.