<commit_before>html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  min-width: 300px;
}

.ui-content {
    padding: 0;
}

.ui-content .ui-listview {
    margin: 0;
}

.ui-bar-a .ui-link,
.ui-bar-a .ui-link:visited {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#app {
}

#map {
  display: block;
  position: absolute;
  top: > 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#detail-map {
  display: block;
  margin: 10px 10px;
  width: 500px;
  height: 300px;
}

.olControlAttribution {
  position      : absolute;
  font-size     : 10px;
  bottom        : 0 !important;
  right         : 0 !important;
  background    : rgba(0,0,0,0.1);
  font-family   : Arial;
  padding       : 2px 4px;
  border-radius : 5px 0 0 0;
}

#detail-content {
  min-width: 260px;
  margin: 20px;
  padding: 10px;
  display: block;
  overflow: visible;
  background: #FFFFFF;
}

#detail #close {
  position: relative;
  top: -20px;
  left: 18px;
  float: right;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: red;
}

#detail-content .title {
  font-size: 18px;
  font-weight: bold;
}

#detail-content .categories ul {
  margin: 0;
  list-style: none
}

#detail-content .time-left {
  margin-top: 10px;
  width: 100px;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #c1c1c1;
}

.right {
  float: right;
}

.hidden {
  display: none;
}

/* timeline */

.timeline .header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 666;
}

.timeline .list-header {
  position: fixed;
  top: 50px;
  min-width: 300px;
  width: 100%;
  z-index: 1;
  height: 38px;
  border-bottom: 2px solid #c1c1c1;
  background: white;
  clear: both;
}

.timeline .list-header div {
  float: left;
  line-height: 38px;
  font-size: 16px;
  font-weight: bold;
}

.timeline .list-header div:first-child {
  margin-left: 10px;
}

.timeline .list-header .road {
  position: relative;
  width: 30px;
  height: 38px;
  background: #CCCCCC;
  border-left: 1px solid #c1c1c1;
}

.timeline .list-header .time {
  float: left;
  width: 100px;
  text-align: center;
  border-left: 1px solid #c1c1c1;
}

.timeline .list-header div:last-child {
  float: right;
}

.timeline .list-items {
  padding-top: 88px;
}

.timeline .list-item {
  display: block;
  height: 76px;
  position: relative;
  border-bottom: 2px solid #c1c1c1;
  color: #000000;
  text-decoration: none;
}

.timeline .list-item.passed {
  color: #999;
}

.timeline .list-item .information {
  float: left;
  padding: 20px 10px 15px 20px;
  height: 41px;
}

.timeline .list-item .title {
  font-size: 18px;
  font-weight: bold;
}

.timeline .list-item .time {
  float: right;
  width: 100px;
  text-align: center;
  line-height: 76px;
  font-size: 18px;
  font-weight: bold;
}

.timeline .list-item .road {
  float: left;
  width: 30px;
  height: 76px;
  background: #CCCCCC;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}


// Lightbox-like modal dialog
#destinationSelection {<commit_msg>timeline style fix<commit_after>html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  min-width: 300px;
}

.ui-content {
    padding: 0;
}

.ui-content .ui-listview {
    margin: 0;
}

.ui-bar-a .ui-link,
.ui-bar-a .ui-link:visited {
  color: #999999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#app {
}

#map {
  display: block;
  position: absolute;
  top: > 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#detail-map {
  display: block;
  margin: 10px 10px;
  width: 500px;
  height: 300px;
}

.olControlAttribution {
  position      : absolute;
  font-size     : 10px;
  bottom        : 0 !important;
  right         : 0 !important;
  background    : rgba(0,0,0,0.1);
  font-family   : Arial;
  padding       : 2px 4px;
  border-radius : 5px 0 0 0;
}

#detail-content {
  min-width: 260px;
  margin: 20px;
  padding: 10px;
  display: block;
  overflow: visible;
  background: #FFFFFF;
}

#detail #close {
  position: relative;
  top: -20px;
  left: 18px;
  float: right;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: red;
}

#detail-content .title {
  font-size: 18px;
  font-weight: bold;
}

#detail-content .categories ul {
  margin: 0;
  list-style: none
}

#detail-content .time-left {
  margin-top: 10px;
  width: 100px;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
  font-weight: bold;
  border: 2px solid #c1c1c1;
}

.right {
  float: right;
}

.hidden {
  display: none;
}

/* timeline */

.timeline .header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 666;
}

.timeline .list-header {
  position: fixed;
  top: 50px;
  min-width: 300px;
  width: 100%;
  z-index: 1;
  height: 38px;
  border-bottom: 2px solid #c1c1c1;
  background: white;
  clear: both;
}

.timeline .list-header div {
  float: left;
  line-height: 38px;
  font-size: 16px;
  font-weight: bold;
}

.timeline .list-header div:first-child {
  margin-left: 10px;
}

.timeline .list-header .road {
  position: relative;
  width: 30px;
  height: 38px;
  background: #CCCCCC;
  border-left: 1px solid #c1c1c1;
}

.timeline .list-header .time {
  float: left;
  width: 100px;
  text-align: center;
  border-left: 1px solid #c1c1c1;
}

.timeline .list-header div:last-child {
  float: right;
}

.timeline .list-items {
  padding-top: 88px;
}

.timeline .list-item {
  display: block;
  height: 76px;
  position: relative;
  border-bottom: 2px solid #c1c1c1;
  color: #000000;
  text-decoration: none;
}

.timeline .list-item.passed {
  color: #999;
}

.timeline .list-item .information {
  float: left;
  padding: 20px 10px 15px 20px;
  width: 65%;
  height: 41px;
}

.timeline .list-item .title {
  font-size: 18px;
  font-weight: bold;
}

.timeline .list-item .time {
  float: right;
  width: 100px;
  text-align: center;
  line-height: 76px;
  font-size: 18px;
  font-weight: bold;
}

.timeline .list-item .road {
  float: left;
  width: 30px;
  height: 76px;
  background: #CCCCCC;
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}


// Lightbox-like modal dialog
#destinationSelection {
{'fraction_non_alphanumeric': 0.14752491422970104, 'fraction_numerical': 0.05946740728639111, 'mean_word_length': 2.8527375707992446, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '453246', 'n_tokens_mistral': 2852, 'n_tokens_neox': 2531, 'n_words': 626}