| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 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 | 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. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 28 */ | 28 */ |
| 29 | 29 |
| 30 .crumbs { | 30 .crumbs { |
| 31 display: inline-block; | 31 display: inline-block; |
| 32 pointer-events: auto; | 32 pointer-events: auto; |
| 33 cursor: default; | 33 cursor: default; |
| 34 font-size: 11px; | 34 font-size: 11px; |
| 35 line-height: 19px; | 35 line-height: 17px; |
| 36 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 37 color: rgb(20, 20, 20); | |
| 38 margin-left: -1px; | |
| 39 margin-top: -1px; | |
| 40 padding-right: 12px; | |
| 41 } | 36 } |
| 42 | 37 |
| 43 .crumbs .crumb { | 38 .crumbs .crumb { |
| 44 height: 24px; | 39 display: inline-block; |
| 45 border-width: 0 12px 0 2px; | 40 padding: 0 7px; |
| 46 -webkit-border-image: url(Images/segment.png) 0 12 0 2; | 41 height: 18px; |
| 47 margin-right: -3px; | |
| 48 padding-left: 6px; | |
| 49 padding-right: 2px; | |
| 50 white-space: nowrap; | 42 white-space: nowrap; |
| 51 line-height: 23px; | |
| 52 float: right; | |
| 53 } | 43 } |
| 54 | 44 |
| 55 .crumbs .crumb.collapsed > * { | 45 .crumbs .crumb.collapsed > * { |
| 56 display: none; | 46 display: none; |
| 57 } | 47 } |
| 58 | 48 |
| 59 .crumbs .crumb.collapsed::before { | 49 .crumbs .crumb.collapsed::before { |
| 60 content: "\2026"; | 50 content: "\2026"; |
| 61 font-weight: bold; | 51 font-weight: bold; |
| 62 } | 52 } |
| 63 | 53 |
| 64 .crumbs .crumb.compact .extra { | 54 .crumbs .crumb.compact .extra { |
| 65 display: none; | 55 display: none; |
| 66 } | 56 } |
| 67 | 57 |
| 68 .crumbs .crumb.start { | 58 .crumbs .crumb.selected, .crumbs .crumb.selected:hover { |
| 69 padding-left: 7px; | 59 background-color: rgb(56, 121, 217); |
| 70 } | |
| 71 | |
| 72 .crumbs .crumb.end { | |
| 73 border-width: 0 2px 0 2px; | |
| 74 padding-right: 6px; | |
| 75 -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2; | |
| 76 } | |
| 77 | |
| 78 .crumbs .crumb.selected { | |
| 79 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | |
| 80 color: white; | 60 color: white; |
| 81 text-shadow: rgba(255, 255, 255, 0.5) 0 0 0; | 61 text-shadow: rgba(255, 255, 255, 0.5) 0 0 0; |
| 82 } | 62 } |
| 83 | 63 |
| 84 .crumbs .crumb.selected:hover { | 64 .crumbs .crumb:hover { |
| 85 -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2; | 65 background-color: rgb(216, 216, 216); |
| 86 } | 66 } |
| 87 | |
| 88 .crumbs .crumb.selected.end, | |
| 89 .crumbs .crumb.selected.end:hover { | |
| 90 -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2; | |
| 91 } | |
| 92 | |
| 93 .crumbs .crumb:hover { | |
| 94 -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2; | |
| 95 color: #222; | |
| 96 } | |
| 97 | |
| 98 .crumbs .crumb.end:hover { | |
| 99 -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2; | |
| 100 } | |
| OLD | NEW |