equal
deleted
inserted
replaced
596 } |
596 } |
597 |
597 |
598 /* Bottom bar */ |
598 /* Bottom bar */ |
599 |
599 |
600 .bottom-bar { |
600 .bottom-bar { |
601 position: absolute; bottom: 0; left: 0; right: 0; height: 81px; |
601 position: absolute; bottom: 0; left: 0; right: 0; height: 80px; |
602 } |
602 } |
603 |
603 |
604 .play-button { |
604 .play-button { |
605 float: left; width: 14px; height: 14px; |
605 float: left; width: 14px; height: 14px; |
606 padding: 8px; border-radius: 15px; |
606 padding: 8px; border-radius: 15px; |
607 background: #404040; cursor: pointer; |
607 background: #404040; cursor: pointer; |
608 margin: 15px 0 0 15px; |
608 margin: 12px 0 0 15px; |
609 -webkit-transition: background 0.5s; |
609 -webkit-transition: background 0.5s; |
610 transition: background 0.5s; |
610 transition: background 0.5s; |
611 } |
611 } |
612 |
612 |
613 .play-button:hover { |
613 .play-button:hover { |
626 .timelines { |
626 .timelines { |
627 margin: 0 20px 0 60px; |
627 margin: 0 20px 0 60px; |
628 } |
628 } |
629 |
629 |
630 .timeline { |
630 .timeline { |
631 background: #303030; height: 12px; position: relative; cursor: pointer; |
631 background: #303030; height: 10px; position: relative; cursor: pointer; |
632 } |
632 } |
633 |
633 |
634 .annotation-onscreen .timeline { |
634 .annotation-onscreen .timeline { |
635 background: #181818; |
635 background: #181818; |
636 } |
636 } |