Home | History | Annotate | Download | only in front_end 
      1 /*
      2  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
      3  * Copyright (C) 2009 Anthony Ricaud <rik (at) 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 
     30 .crumbs {
     31     display: inline-block;
     32     pointer-events: auto;
     33     cursor: default;
     34     font-size: 11px;
     35     line-height: 19px;
     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 }
     42 
     43 .crumbs .crumb {
     44     height: 24px;
     45     border-width: 0 12px 0 2px;
     46     -webkit-border-image: url(Images/segment.png) 0 12 0 2;
     47     margin-right: -3px;
     48     padding-left: 6px;
     49     padding-right: 2px;
     50     white-space: nowrap;
     51     line-height: 23px;
     52     float: right;
     53 }
     54 
     55 .crumbs .crumb.collapsed > * {
     56     display: none;
     57 }
     58 
     59 .crumbs .crumb.collapsed::before {
     60     content: "\2026";
     61     font-weight: bold;
     62 }
     63 
     64 .crumbs .crumb.compact .extra {
     65     display: none;
     66 }
     67 
     68 .crumbs .crumb.start {
     69     padding-left: 7px;
     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;
     81     text-shadow: rgba(255, 255, 255, 0.5) 0 0 0;
     82 }
     83 
     84 .crumbs .crumb.selected:hover {
     85     -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
     86 }
     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 }
    101