You are here

Home » API reference » MediaFront 7.2

timeline_indicator.css in MediaFront 7.2 

.timeline-indicator {
  position: absolute;
  top: -25px;
  left: -23px;
  width: 30px;
  padding: 4px 10px;
  border-radius: 10px;
  z-index: 1000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: rgba(23, 35, 34, 0.9);
  box-shadow: 2px 2px 4px #000;
  -webkit-box-shadow: 2px 2px 4px #000;
  -moz-box-shadow: 2px 2px 4px #000;
  color: #ccc;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}

.timeline-indicator-line {
  position: absolute;
  z-index: 5;
  top: 32px;
  left: 23px;
  width: 3px;
  height: 12px;
  background-color: #eee;
}

File

players/osmplayer/player/minplayer/plugins/timeline_indicator/css/timeline_indicator.css
View source 
  1. .timeline-indicator {

  2.   position: absolute;

  3.   top: -25px;

  4.   left: -23px;

  5.   width: 30px;

  6.   padding: 4px 10px;

  7.   border-radius: 10px;

  8.   z-index: 1000;

  9.   -webkit-border-radius: 10px;

  10.   -moz-border-radius: 10px;

  11.   background: rgba(23, 35, 34, 0.9);

  12.   box-shadow: 2px 2px 4px #000;

  13.   -webkit-box-shadow: 2px 2px 4px #000;

  14.   -moz-box-shadow: 2px 2px 4px #000;

  15.   color: #ccc;

  16.   text-align: center;

  17.   font-size: 12px;

  18.   font-weight: normal;

  19. }

  20. 

  21. .timeline-indicator-line {

  22.   position: absolute;

  23.   z-index: 5;

  24.   top: 32px;

  25.   left: 23px;

  26.   width: 3px;

  27.   height: 12px;

  28.   background-color: #eee;

  29. }