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 |