<commit_before>/**
 * KindaPlayer stylesheet
 *
 * Elements have the following structure
 *
 * <div class="kinda-player">
 *   <div class="kinda-player-button-close">&times;</div>
 *
 *   <div class="kinda-player-box">
 *     <div class="kinda-player-status">
 *       <div class="kinda-player-status-line">
 *         <div class="kinda-player-status-load"></div>
 *         <div class="kinda-player-status-play"></div>
 *       </div>
 *
 *       <div class="kinda-player-status-text">Current track title</div>
 *       <div class="kinda-player-status-time">0:00/0:00</div>
 *     </div>
 *
 *     <div class="kinda-player-buttons">
 *       <input type="button" class="kinda-player-button-prev" />
 *       <input type="button" class="kinda-player-button-play" />
 *       <input type="button" class="kinda-player-button-stop" />
 *       <input type="button" class="kinda-player-button-next" />
 *       <input type="button" class="kinda-player-button-mute" />
 *       <input type="button" class="kinda-player-button-list" />
 *     </div>
 *   </div>
 *
 *   <ul class="kinda-player-list">
 *     <li>Track1 Title</li>
 *     <li>Track2 Title</li>
 *     <li>Track3 Title</li>
 *   </ul>
 * </div>
 *
 * Copyright (C) 2010 <NAME>
 */

div.kinda-player, div.kinda-player * {
  margin: 0px;
  padding: 0px;
  width: auto;
  height: auto;
  border: none;
  background: none;
  list-style: none;
}

div.kinda-player {
  width: 20em;
  -moz-border-radius: .24em;
  -webkit-border-radius: .24em;
}

/** loading time style */
div.kinda-player-waiting {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
div.kinda-player-waiting * {
  cursor: default !important;
}

/** the box style */
div.kinda-player-box,
ul.kinda-player-list {
  border: 1px solid #BBB;
  background: #EEE;
  padding: .4em;
  position: relative;
 -moz-border-radius: .24em;
 -webkit-border-radius: .24em;
}


/** the status bar style */
div.kinda-player-status {
  position: relative;
  margin-bottom: .36em;
}

div.kinda-player-status-line {
  position: relative;
  height: .4em;
  border: 1px solid #AAA;
 -moz-border-radius: .2em;
 -webkit-border-radus: .2em;
  cursor: pointer;
  margin-top: .2em;
}

div.kinda-player-status-play,
div.kinda-player-status-load {
  position: absolute;
  width: 0%;
  height: 100%;
  background: #CCC;
  z-index: 1;
  -moz-border-radius: .1em;
  -webkit-border-radus: .1em;
}
div.kinda-player-status-play {
  background: #999;
  z-index: 2;
}

div.kinda-player-status-text {
  white-space: nowrap;
  overflow: hidden;
  padding: 0 .2em;
  position: relative;
  z-index: 3;
  margin-right: 5.5em;
}
div.kinda-player-status-time {
  position: absolute;
  top: 0;
  right: .2em;
  white-space: nowrap;
  z-index: 4;
}


/** the buttons block */
div.kinda-player-buttons {
  position: relative;
}

div.kinda-player-buttons input {
  display: inline-block;
* display: inline;<commit_msg>Webkit style fix for the playback bar<commit_after>/**
 * KindaPlayer stylesheet
 *
 * Elements have the following structure
 *
 * <div class="kinda-player">
 *   <div class="kinda-player-button-close">&times;</div>
 *
 *   <div class="kinda-player-box">
 *     <div class="kinda-player-status">
 *       <div class="kinda-player-status-line">
 *         <div class="kinda-player-status-load"></div>
 *         <div class="kinda-player-status-play"></div>
 *       </div>
 *
 *       <div class="kinda-player-status-text">Current track title</div>
 *       <div class="kinda-player-status-time">0:00/0:00</div>
 *     </div>
 *
 *     <div class="kinda-player-buttons">
 *       <input type="button" class="kinda-player-button-prev" />
 *       <input type="button" class="kinda-player-button-play" />
 *       <input type="button" class="kinda-player-button-stop" />
 *       <input type="button" class="kinda-player-button-next" />
 *       <input type="button" class="kinda-player-button-mute" />
 *       <input type="button" class="kinda-player-button-list" />
 *     </div>
 *   </div>
 *
 *   <ul class="kinda-player-list">
 *     <li>Track1 Title</li>
 *     <li>Track2 Title</li>
 *     <li>Track3 Title</li>
 *   </ul>
 * </div>
 *
 * Copyright (C) 2010 <NAME>
 */

div.kinda-player, div.kinda-player * {
  margin: 0px;
  padding: 0px;
  width: auto;
  height: auto;
  border: none;
  background: none;
  list-style: none;
}

div.kinda-player {
  width: 20em;
  -moz-border-radius: .24em;
  -webkit-border-radius: .24em;
}

/** loading time style */
div.kinda-player-waiting {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
div.kinda-player-waiting * {
  cursor: default !important;
}

/** the box style */
div.kinda-player-box,
ul.kinda-player-list {
  border: 1px solid #BBB;
  background: #EEE;
  padding: .4em;
  position: relative;
 -moz-border-radius: .24em;
 -webkit-border-radius: .24em;
}


/** the status bar style */
div.kinda-player-status {
  position: relative;
  margin-bottom: .36em;
}

div.kinda-player-status-line {
  position: relative;
  height: .4em;
  border: 1px solid #AAA;
 -moz-border-radius: .2em;
 -webkit-border-radius: .2em;
  cursor: pointer;
  margin-top: .2em;
}

div.kinda-player-status-play,
div.kinda-player-status-load {
  position: absolute;
  width: 0%;
  height: 100%;
  background: #CCC;
  z-index: 1;
  -moz-border-radius: .1em;
  -webkit-border-radius: .1em;
}
div.kinda-player-status-play {
  background: #999;
  z-index: 2;
}

div.kinda-player-status-text {
  white-space: nowrap;
  overflow: hidden;
  padding: 0 .2em;
  position: relative;
  z-index: 3;
  margin-right: 5.5em;
}
div.kinda-player-status-time {
  position: absolute;
  top: 0;
  right: .2em;
  white-space: nowrap;
  z-index: 4;
}


/** the buttons block */
div.kinda-player-buttons {
  position: relative;
}

div.kinda-player-buttons input {
  display: inline-block;
* display: inline;
{'fraction_non_alphanumeric': 0.17996545768566494, 'fraction_numerical': 0.019689119170984457, 'mean_word_length': 3.0076124567474047, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, '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': '6303772', 'n_tokens_mistral': 2261, 'n_tokens_neox': 2176, 'n_words': 413}