main.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. border-top:1px solid #cecece;
  31. border-bottom:1px solid #cecece;
  32. }
  33. ::-webkit-scrollbar {
  34. -webkit-appearance: none;
  35. width: 7px;
  36. }
  37. ::-webkit-scrollbar-thumb {
  38. border-radius: 4px;
  39. background-color: rgba(0, 0, 0, .5);
  40. -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  41. }
  42. div#player{
  43. width: 100%;
  44. color: #555555;
  45. font-family: 'PT Sans', sans-serif;
  46. font-weight: 700;
  47. font-size: 12px;
  48. }
  49. #song-information{
  50. text-align: left;
  51. margin: 0 0 10px;
  52. }
  53. #controls{
  54. right: left;
  55. }
  56. #amplitude-volume-slider{
  57. width: 80%;
  58. margin: 0 auto;
  59. line-height:14px;
  60. }
  61. #amplitude-play-pause{
  62. width: 30px;
  63. height: 34px;
  64. margin: -40px 5px 0 0;
  65. cursor: pointer;
  66. float: right;
  67. background-color:red;
  68. }
  69. #amplitude-current-time{
  70. font-family: 'PT Sans', sans-serif;
  71. font-size: 14px;
  72. font-weight: 400;
  73. }
  74. .amplitude-paused:before;{
  75. content:"\20ac";
  76. font-family:"Glyphicons Halflings";
  77. line-height:1;
  78. margin:10px;
  79. display:inline-block;
  80. }
  81. .amplitude-paused{
  82. content:"\20ac";
  83. font-family:"Glyphicons Halflings";
  84. background-image: url('../img/small-gray-play.png');
  85. background-repeat: no-repeat;
  86. }
  87. .amplitude-playing{
  88. background-image: url('../img/small-gray-pause.png');
  89. background-repeat: no-repeat;
  90. }
  91. #amplitude-now-playing-name{
  92. }
  93. #amplitude-now-playing-listeners{
  94. }
  95. #amplitude-now-playing-bitrate{
  96. }