bib-publication-list.css

:root {
    --min-pub-width: 60px;
    --max-pub-width: 100px;
    --pub-height: 12px;
}

span.undefined {
    color: red;
}

.bibtable {
    width: 100%;
    margin: 0 auto;
    clear: both;
}

.bibchart-container {
    overflow-x: auto;
}

.bibchart {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
}

.clear {
    clear: both;
}

.year {
    position: relative;
    border-bottom: 1px solid black;
    width: var(--max-pub-width);
    min-width: var(--min-pub-width);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.year:nth-of-type(1) {
    margin-left: auto
}

.year:nth-last-of-type(1) {
    margin-right: auto
}

.yearlabel {
    position: absolute;
    bottom: -20px;
    text-align: center;
    width: 100%;
    font-size: smaller;
}

.pub {
    border: 1px solid white;
    background-color: #eee;
    height: var(--pub-height);
}

.pub:hover {
    border-color: rgba(0, 0, 0, 0);
}

.inproceedings {
    background-color: #ccf;
}

.article {
    background-color: #beb;
}

.inbook {
    background-color: #eaa;
}

.phdthesis {
    background-color: #999;
}

.unpublished {
    background-color: #eae;
}

.mastersthesis {
    background-color: #eea;
}

.techreport {
    background-color: #b77;
}

.proceedings {
    background-color: #9494ff;
}

.book {
    background-color: #ed7878;
}

.legend .pub {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 5px 0 15px;
}

.legend {
    margin-bottom: 24px;
    text-align: center;
    width: 100%;
}

.legend>div {
    display: inline-block;
}

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}

table.display tfoot th {
    padding: 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}

table.display {
    margin-top: 24px;
}

.sorting_asc {
    background: url('lib/images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('lib/images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('lib/images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('lib/images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('lib/images/sort_desc_disabled.png') no-repeat center right;
}

tr.odd {
    background-color: #eee;
}

tr.even {
    background-color: white;
}

div.hidden {
    display: none;
}

div.bibinfo {
    width: 80%;
    position: fixed;
    top: 100px;
    left: 10%;
    background-color: #bbb;
    border: 3px solid #fff;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: 50;
}

#shutter {
    background-color: #555;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
}

a.bibclose {
    background-color: #BBBBBB;
    border: 3px solid #FFFFFF;
    color: black;
    float: left;
    font-size: 20px;
    height: 20px;
    left: -25px;
    line-height: 20px;
    padding: 3px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -25px;
    width: 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}

div.bibinfo pre {
    clear: both;
}