toolbars.css 663 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /* ----------------------------------
  2. * Toolbars
  3. * ---------------------------------- */
  4. [role="toolbar"] {
  5. height: 4rem;
  6. width: 100%;
  7. position: fixed;
  8. bottom: 0;
  9. left: 0;
  10. z-index: 100;
  11. background: rgba(0,0,0, 0.85);
  12. }
  13. [role="toolbar"] ul {
  14. float: left;
  15. list-style: none;
  16. padding: 0;
  17. margin: 0;
  18. }
  19. [role="toolbar"] ul:last-child {
  20. float: right;
  21. }
  22. [role="toolbar"] li {
  23. float: left;
  24. }
  25. [role="toolbar"] button {
  26. width: 5.5rem;
  27. height: 4rem;
  28. border: none;
  29. font-size: 0;
  30. background: transparent no-repeat 50% 50% / 3rem auto;
  31. padding: 0;
  32. border-radius: 0;
  33. }
  34. [role="toolbar"] button:active {
  35. background-color: #008aaa;
  36. }