eocjs-newsticker.css 747B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /* eocjsNewsticker v0.6.1 */
  2. .eocjs-newsticker {
  3. padding: 10px 0;
  4. background-color: #eee;
  5. }
  6. .eocjs-newsticker .eocjs-newsticker-container {
  7. position: relative;
  8. height: 20px;
  9. overflow: hidden;
  10. }
  11. .eocjs-newsticker .eocjs-newsticker-one,
  12. .eocjs-newsticker .eocjs-newsticker-two {
  13. position: absolute;
  14. left: 0;
  15. top: 0;
  16. height: 20px;
  17. line-height: 20px;
  18. white-space: nowrap;
  19. }
  20. .eocjs-newsticker-loader {
  21. position: absolute;
  22. left: calc(50% - 10px);
  23. width: 16px;
  24. height: 16px;
  25. display: block;
  26. border: 2px solid #555555;
  27. border-top: 2px solid transparent;
  28. border-radius: 50%;
  29. animation: eocjs-newsticker-spin .75s linear infinite;
  30. }
  31. @keyframes eocjs-newsticker-spin {
  32. to {
  33. transform: rotate(360deg);
  34. }
  35. }