Neinstar Bullets

<style>
ul {
    list-style-type: none;
    padding: 15px;
    margin-left: 0px;
}

.bullet {
  position: relative;
}

.bullet:.tip {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: Courier New;
    font-weight: bold;

    display: inline-block;
    font-size: 0.35em;

    width:37px;
    height:37px;
    /*padding:18px 18px;*/

    text-align: center middle;
    vertical-align: middle;

    padding-left:0px;
    margin-left:0px;

    border-style:dotted double solid double;
    border-bottom-left-radius:5em 5em;
    border-top-left-radius:5em 5em;

    background-image:linear-gradient(grey,black);
}

.bullet:.casing {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: Courier New;
    font-weight: bold;

    display: inline-block;
    font-size: 0.35em;

    width:57px;
    height:37px;
    /*padding:18px 18px;*/

    text-align: center;
    vertical-align: middle;

    padding-left:0px;
    margin-left:0px;

    border-style:dotted double solid double;
    border-top-left-radius:0em 0em;
    border-bottom-left-radius:0em 0em;
    border-top-right-radius:0em 0em;
    border-bottom-right-radius:0em 0em;

    background-image:linear-gradient(orange,brown);
}

.bullet:.primer {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-family: Courier New;
    font-weight: bold;

    display: inline-block;
    font-size: 0.35em;

    width:5px;
    height:37px;
    /*padding:18px 18px;*/

    text-align: center;
    vertical-align: middle;

    padding-left:0px;
    margin-left:0px;

    border-style:double double double double;
    border-top-right-radius:0em 0em;
    border-bottom-right-radius: 0em 0em;
    border-bottom-left-radius:0em 0em;
    border-top-left-radius:0em 0em;

    background-image:linear-gradient(orange,brown);
}
</style>
<?php
        $manifest .=
            '<li class="bullet"><a class="tip" href="'.$url_value.'">'.jen_shorthand($node).':</a><a class="casing" href="'.$url_value.'">'.
                $node.
            '</a><a class="primer" href="'.$url_value.'"></a></li>';
?>