main.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /*! Main CSS file */
  2. header .intro-text {
  3. padding-top: 100px;
  4. padding-bottom: 50px;
  5. }
  6. .vertical-alignment-helper {
  7. display:table;
  8. height: 100%;
  9. width: 100%;
  10. pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
  11. }
  12. .vertical-align-center {
  13. /* To center vertically */
  14. display: table-cell;
  15. vertical-align: middle;
  16. pointer-events:none;
  17. }
  18. .modal-content {
  19. /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  20. width:inherit;
  21. height:inherit;
  22. /* To center horizontally */
  23. margin: 0 auto;
  24. pointer-events: all;
  25. }
  26. /* ========== Audio ============ */
  27. .scrollable-list {
  28. overflow: scroll;
  29. height: 250px;
  30. }
  31. div#player{
  32. width: 100%;
  33. color: #555555;
  34. font-family: 'PT Sans', sans-serif;
  35. font-weight: 700;
  36. font-size: 12px;
  37. }
  38. #song-information{
  39. text-align: left;
  40. margin: 0 0 10px;
  41. }
  42. #controls{
  43. float: left;
  44. }
  45. #amplitude-volume-slider{
  46. width: 90%;
  47. float: right;
  48. }
  49. #amplitude-play-pause{
  50. width: 15px;
  51. height: 17px;
  52. margin: 0 5px 0 0;
  53. cursor: pointer;
  54. float: right;
  55. }
  56. #amplitude-current-time{
  57. font-family: 'PT Sans', sans-serif;
  58. font-size: 14px;
  59. font-weight: 400;
  60. }
  61. .amplitude-paused{
  62. background-image: url('../img/small-gray-play.png');
  63. background-repeat: no-repeat;
  64. }
  65. .amplitude-playing{
  66. background-image: url('../img/small-gray-pause.png');
  67. background-repeat: no-repeat;
  68. }
  69. #amplitude-now-playing-name{
  70. }
  71. #amplitude-now-playing-listeners{
  72. }
  73. #amplitude-now-playing-bitrate{
  74. }