A nice CSS theme for reversebeacon.net

reverse_beacon_network.css

:root {
    --fill-color: white;
}

body {
    background-color: var(--fill-color);
}

#nav {
    background-color: #030;
    padding-left: 10px;
}

.lookup > input {
    border-radius: 5px;
    border-style: solid;
    border-color: white;
}

#navmenu > li > a {
    background: none!important;
    color: white;
    border: none;
    text-transform: uppercase
}

#navmenu > li > a:hover {
    color: #ccc!important;
}


#mainbody {
    margin: auto;
    max-width: 1200px;
}

#mapwrapper {
    margin-bottom: 5px;
}

#mapdiv {
    border-radius: 5px;
    height: 50vh !important;
}

#cluster {
    border-color: black;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 15px;
}

#dashboard-form {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: var(--fill-color) !important;
    border-color: gray;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    padding: 5px;
}

#dashboard-form > table > tbody > tr {
    border: none!important;
}

#dashboard-form .advanced select {
    width: 83% !important;
}

tr.title > th.title {
    background-color: var(--fill-color) !important;
}

#spotted_call,
#spotter_call {
    width: 80% !important;
}

#cluster .qrg {
    text-align: right;
    padding-right: 3.2rem;
    width: 20px;
}

#mode_select_id,
#band_select_id {
    margin-left: 0px;
    text-align: left !important;
}