www/plugins/auto/ariane2/css/BreadCrumb.css

   1 /* Float Clearing
   2  ---------------------------------------------------------------------*/
   3
   4 .module:after
   5 {
   6         clear: both;
   7         content: ".";
   8         display: block;
   9         height: 0;
  10         visibility: hidden;
  11 }
  12
  13 /* float clearing for IE6 */
  14 * html .module
  15 {
  16         height: 1%;
  17         overflow: visible;
  18 }
  19
  20 /* float clearing for IE7 */
  21 * + html .module
  22 {
  23         min-height: 1%;
  24 }
  25
  26 /* Breadcrumb Styles
  27  ---------------------------------------------------------------------*/
  28
  29 .breadCrumb
  30 {
  31         margin-bottom: 5px;
  32         padding: 0;
  33         float: left;
  34         display: block;
  35         height: 21px;
  36         overflow: hidden;
  37         width: auto;
  38         padding:5px;
  39         background:#fff;
  40 }
  41 .breadCrumb ul
  42 {
  43         margin: 0;
  44         padding: 0;
  45         height: 21px;
  46         display: block;
  47 }
  48 .breadCrumb ul li
  49 {
  50         display: block;
  51         float: left;
  52         position: relative;
  53         height: 21px;
  54         overflow: hidden;
  55         line-height: 21px;
  56         margin: 0px 6px 0px 0;
  57         padding: 0px 10px 0px 0;
  58         font-size: .9167em;
  59         color: #CCC;
  60         background: url(../Images/Chevron.gif) no-repeat 100% 0;
  61 }
  62 .breadCrumb ul li div.chevronOverlay
  63 {
  64         position: absolute;
  65         right: 0;
  66         top: 0;
  67         z-index: 2;
  68 }
  69 .breadCrumb ul li span
  70 {
  71         display: block;
  72         overflow: hidden;
  73 }
  74 .breadCrumb ul li a
  75 {
  76         display: block;
  77         position: relative;
  78         height: 21px;
  79         line-height: 21px;
  80         overflow: hidden;
  81         float: left;
  82         color: #CCC;
  83 }
  84 .breadCrumb ul li a:hover
  85 {
  86         color: #666;
  87 }
  88 .breadCrumb ul li.first a
  89 {
  90         height: 16px !important;
  91         text-indent:-1000em;
  92         width:16px;
  93         padding: 0;
  94         margin-top: 2px;
  95         overflow: hidden;
  96         background:url(../Images/IconHome.gif) no-repeat 0 -16px;
  97 }
  98 .breadCrumb ul li.first a:hover
  99 {
 100         background-position: 0 0;
 101 }
 102 .breadCrumb ul li.last
 103 {
 104         background: none;
 105         margin-right: 0;
 106         padding-right: 0;
 107 }
 108 .chevronOverlay
 109 {
 110         display: none;
 111         background: url(../Images/ChevronOverlay.png) no-repeat 100% 0;
 112         width: 13px;
 113         height: 20px;
 114 }