breadcrumbList.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /*
  2. * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
  3. * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions
  7. * are met:
  8. *
  9. * 1. Redistributions of source code must retain the above copyright
  10. * notice, this list of conditions and the following disclaimer.
  11. * 2. Redistributions in binary form must reproduce the above copyright
  12. * notice, this list of conditions and the following disclaimer in the
  13. * documentation and/or other materials provided with the distribution.
  14. * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15. * its contributors may be used to endorse or promote products derived
  16. * from this software without specific prior written permission.
  17. *
  18. * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19. * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20. * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21. * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22. * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23. * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24. * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25. * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26. * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27. * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28. */
  29. .crumbs {
  30. display: inline-block;
  31. pointer-events: auto;
  32. cursor: default;
  33. font-size: 11px;
  34. line-height: 19px;
  35. text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  36. color: rgb(20, 20, 20);
  37. margin-left: -1px;
  38. margin-top: -1px;
  39. padding-right: 12px;
  40. }
  41. .crumbs .crumb {
  42. height: 24px;
  43. border-width: 0 12px 0 2px;
  44. -webkit-border-image: url(Images/segment.png) 0 12 0 2;
  45. margin-right: -3px;
  46. padding-left: 6px;
  47. padding-right: 2px;
  48. white-space: nowrap;
  49. line-height: 23px;
  50. float: right;
  51. }
  52. .crumbs .crumb.collapsed > * {
  53. display: none;
  54. }
  55. .crumbs .crumb.collapsed::before {
  56. content: "\2026";
  57. font-weight: bold;
  58. }
  59. .crumbs .crumb.compact .extra {
  60. display: none;
  61. }
  62. .crumbs .crumb.start {
  63. padding-left: 7px;
  64. }
  65. .crumbs .crumb.end {
  66. border-width: 0 2px 0 2px;
  67. padding-right: 6px;
  68. -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
  69. }
  70. .crumbs .crumb.selected {
  71. -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
  72. color: white;
  73. text-shadow: rgba(255, 255, 255, 0.5) 0 0 0;
  74. }
  75. .crumbs .crumb.selected:hover {
  76. -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
  77. }
  78. .crumbs .crumb.selected.end,
  79. .crumbs .crumb.selected.end:hover {
  80. -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
  81. }
  82. .crumbs .crumb:hover {
  83. -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
  84. color: #222;
  85. }
  86. .crumbs .crumb.end:hover {
  87. -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
  88. }