.result-highlight { background-color: #FBF719; font-weight: normal; }
.pt-1500 { padding-top: 100vh; }
:root {
--bs-body-font-size: 1.2rem !important;
}
body {
margin: 0;
background: #fff;
font-family: "Saira Extra Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-webkit-font-smoothing: antialiased;
}
p, li {
font-family: "Noto Serif", "Times New Roman", Times, serif;
}
#files li {
font-family: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Alegreya SC", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 700;
}
.list-group-item {
background-color: transparent;
}
.list-group-item-action:focus,.list-group-item-action:hover {
background-color: rgba(244, 67, 54, 0.75);
color: #fff;
}
.list-group-item-action:focus a,.list-group-item-action:hover a:visited {
background-color: rgba(244, 67, 54, 0.75);
color: #fff;
}
.list-group-item-action:focus a:focus,.list-group-item-action:hover a:hover {
color: #fff !important;
text-decoration: underline;
}
.bg-primary {
background-color: #f44336 !important;
}
.nmc3clol-navbar-brand {
font-family: "Cinzel Decorative";
text-transform: capitalize !important;
}
.daball-navbar-brand {
font-family: "Saira Extra Condensed";
}
main {
max-width: 100vw;
margin-top: 50px;
}
header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.nm3clol-navbar-brand, .navbar {
font-size: 1.2rem !important;
}
@media (min-width: 0px) and (max-width: 576px) {
.nm3clol-navbar-brand, .navbar {
font-size: 0.55rem !important;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.nm3clol-navbar-brand, .navbar {
font-size: 0.75rem !important;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.nm3clol-navbar-brand, .navbar {
font-size: 1.0rem !important;
}
}
.btn-outline-search {
color: #fff;
border-color: #fff;
}
.btn-outline-search:hover {
color: #f44336;
border-color: #f44336;
background-color: rgba(255, 255, 255, 0.75);
}
h1 i {
font-style: normal;
}
ul#files {
margin: 0 0 0 -2px;
padding: 20px 0 0 0;
}
ul#files li {
list-style: none;
font-size: 14px;
display: flex;
justify-content: space-between;
}
a {
text-decoration: none;
}
ul#files a {
color: #000;
padding: 10px 5px;
margin: 0 -5px;
white-space: nowrap;
overflow: hidden;
display: block;
width: 100%;
text-overflow: ellipsis;
}
a {
color: #f44336;
display: inline-block;
line-height: 20px;
}
a:hover, a:active {
color: #0076ff;
display: inline-block;
line-height: 20px;
}
a .pretty, a .cool {
display: none;
}
a:hover .david, a:active .david, a:hover .cool, a:active .cool {
display: inline;
color: #0076ff;
}
a:hover .allen, a:active .allen {
display: inline;
color: #fff;
}
a:hover .ball, a:active .ball, a:hover .pretty, a:active .pretty {
display: inline;
color: #f44336;
}
svg {
height: 13px;
vertical-align: text-bottom;
}
ul#files a::before {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 24px;
text-align: center;
line-height: 12px;
}
/* file-icon – svg inlined here, but it should also be possible to separate out. */
ul#files a.file::before {
content: url("data:image/svg+xml;utf8,");
}
ul#files a.file:hover::before {
content: url("data:image/svg+xml;utf8,");
text-decoration: underline;
}
/* folder-icon */
ul#files a.folder::before {
content: url("data:image/svg+xml;utf8,");
}
ul#files a.folder:hover::before {
content: url("data:image/svg+xml;utf8,");
}
/* image-icon */
ul#files a.file.gif::before,
ul#files a.file.jpg::before,
ul#files a.file.png::before,
ul#files a.file.svg::before {
content: url("data:image/svg+xml;utf8,");
}
::selection {
background-color: #f44336;
color: #fff;
}
::-moz-selection {
background-color: #f44336;
color: #fff;
}
.bg-primary ::selection {
background-color: #fff;
color: #f44336;
}
.bg-primary ::-moz-selection {
background-color: #fff;
color: #f44336;
}
header h1 {
font-size: 2em;
}
header h1 .separator {
font-size: 4.0rem;
line-height: 1rem;
vertical-align: -.75vh;
}
@media (max-width: 1200px) {
header h1 {
font-size: 1.5rem;
}
header h1 .separator {
font-size: 2em;
line-height: 1em;
vertical-align: -.75vh;
}
}
@media (min-width: 768px) {
ul#files {
display: flex;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
/* body {
padding: 45px;
} */
ul#files li {
font-size: 16pt;
box-sizing: border-box;
justify-content: flex-start;
}
}
img.no-trash-svg {
z-index: -10000;
position: fixed;
width: 1.5%;
opacity: 0.04;
top: 50%;
left: 50%;
margin-top: -0.5vh;
margin-left: -1.5vh;
transform: scale(35, 35);
}
table {
margin-bottom: 5pt;
}
tbody, td, tfoot, th, thead, tr {
font-family: 'Sometype Mono';
padding: 5pt;
}
thead {
border-bottom: 2pt solid #222;
}
.total {
border-top: 5pt double #222;
}
.winner {
color: #00A000;
}
tr.republican, tr.democratic, tr.independent, tr.write-in {
padding-top: 1pt;
}
tr.republican .progress, tr.democratic .progress, tr.independent .progress, tr.write-in .progress {
border-radius: 0;
}
tr.republican .progress-bar {
background-color: #f44336;
color: #f44336;
}
tr.democratic .progress-bar {
background-color: #0076ff;
color: #0076ff;
}
tr.independent .progress-bar {
background-color: #ffa500;
color: #ffa500;
}
tr.write-in .progress-bar {
background-color: #555;
color: #555;
}
tr.republican td:first-child, tr.democratic td:first-child, tr.independent td:first-child, tr.write-in td:first-child {
border-left: 6pt solid;
}
tr.republican td:first-child {
border-color: #f44336;
}
tr.democratic td:first-child {
border-color: #0076ff;
}
tr.independent td:first-child {
border-color: #ffa500;
}
tr.write-in td:first-child {
border-color: #555;
}
@media print{
@page { size: portrait; }
body { font-size: 12pt; background-color: #fff; }
img.no-trash-svg { display: none; visibility: hidden; opacity: 0.00; }
.page-break { page-break-after: always; }
.navbar { position: relative; }
img, a img, a:link img, a:visited img, a:hover img, a:active img{
width: auto !important;
page-break-inside: avoid !important;
max-height: 85vh !important;
max-width: 85vw !important;
}
embed {
width: 90vw !important;
page-break-inside: avoid !important;
max-height: 80vh !important;
max-width: 80vw !important;
display: block;
}
.container { max-width: fit-content; }
.nmc3clol-navbar-brand { color: #f44336; }
.daball-navbar-brand { color: #000; }
.pt-1500 { padding-top: 150px;}
}
.ui-resizable-helper { border: 2px dotted #f44336; }