You are here

Home » API reference » MediaFront 7.2

timeline_bookmark.css in MediaFront 7.2 

.timeline-bookmark {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.timeline-bookmark span {
  margin-top: 4px;
  margin-left: 4px;
}

.timeline-bookmark-tooltip {
  position: absolute;
  top: -38px;
  left: -3px;
  width: 120px;
  height: 24px;
  padding: 5px;
  border-radius: 10px;
  z-index: 10;
  -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;
}

.timeline-bookmark-tooltip .timeline-bookmark-arrow {
  color: #000;
}

.timeline-bookmark.timeline-bookmark-busy span.ui-icon {
  background-image: url(images/ajax-loader.gif) !important;
  background-position: 0px 0px
}

File

modules/timeline_bookmark/css/timeline_bookmark.css
View source 
  1. .timeline-bookmark {

  2.   position: absolute;

  3.   top: 4px;

  4.   right: 4px;

  5.   width: 26px;

  6.   height: 26px;

  7.   cursor: pointer;

  8. }

  9. 

  10. .timeline-bookmark span {

  11.   margin-top: 4px;

  12.   margin-left: 4px;

  13. }

  14. 

  15. .timeline-bookmark-tooltip {

  16.   position: absolute;

  17.   top: -38px;

  18.   left: -3px;

  19.   width: 120px;

  20.   height: 24px;

  21.   padding: 5px;

  22.   border-radius: 10px;

  23.   z-index: 10;

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

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

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

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

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

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

  30. }

  31. 

  32. .timeline-bookmark-tooltip .timeline-bookmark-arrow {

  33.   color: #000;

  34. }

  35. 

  36. .timeline-bookmark.timeline-bookmark-busy span.ui-icon {

  37.   background-image: url(images/ajax-loader.gif) !important;

  38.   background-position: 0px 0px

  39. }