ButtonNavigationItem.css 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*
  2. * Copyright (C) 2013 Apple Inc. All rights reserved.
  3. *
  4. * Redistribution and use in source and binary forms, with or without
  5. * modification, are permitted provided that the following conditions
  6. * are met:
  7. * 1. Redistributions of source code must retain the above copyright
  8. * notice, this list of conditions and the following disclaimer.
  9. * 2. Redistributions in binary form must reproduce the above copyright
  10. * notice, this list of conditions and the following disclaimer in the
  11. * documentation and/or other materials provided with the distribution.
  12. *
  13. * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
  14. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
  15. * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  16. * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
  17. * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  18. * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  19. * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  20. * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  21. * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  22. * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
  23. * THE POSSIBILITY OF SUCH DAMAGE.
  24. */
  25. .navigation-bar .item.button {
  26. width: 26px;
  27. }
  28. .navigation-bar .item.button.text-only {
  29. width: auto;
  30. padding: 0 10px;
  31. text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  32. font-family: "Lucida Grande", sans-serif;
  33. font-size: 11px;
  34. line-height: 20px;
  35. -webkit-justify-content: center;
  36. }
  37. .navigation-bar .item.button > .glyph {
  38. width: 100%;
  39. height: 100%;
  40. background-repeat: no-repeat;
  41. background-position: center center;
  42. }
  43. body.window-inactive .navigation-bar .item.button:not(.suppress-emboss) > .glyph {
  44. opacity: 0.65;
  45. }
  46. .navigation-bar .item.button.disabled > .glyph {
  47. opacity: 0.55 !important;
  48. }
  49. body.window-inactive .navigation-bar .item.button.disabled:not(.suppress-emboss) > .glyph {
  50. opacity: 0.35 !important;
  51. }
  52. .navigation-bar .item.button.suppress-emboss > .glyph {
  53. opacity: 0.7;
  54. }
  55. .navigation-bar .item.button.suppress-emboss:active > .glyph {
  56. opacity: 1;
  57. }
  58. .navigation-bar .item.button.suppress-emboss.disabled > .glyph {
  59. opacity: 0.3 !important;
  60. }