localizacaoSistema.css 1.25 KB
#localizacao{
  overflow: hidden;
  width: 100%;
}

#localizacao li{
  float: left;
  margin: 0 .5em 0 1em;
}

#localizacao a{
  font-family: tahoma,verdana,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  letter-spacing: 0pt;
  line-height: normal;
  background: #BECCD6;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}

#localizacao a:hover{
  background: #184e7f;
}

#localizacao a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #BECCD6 #BECCD6 #BECCD6 transparent;
  left: -1em;
}

#localizacao a:hover::before{
  border-color: #184e7f #184e7f #184e7f transparent;
}

#localizacao a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #BECCD6;
  right: -1em;
}

#localizacao a:hover::after{
  border-left-color: #184e7f;
}

#localizacao .current,
#localizacao .current:hover{
  font-weight: bold;
  background: none;
}

#localizacao .current::after,
#localizacao .current::before{
  content: normal;
}